#BD492B#BD492B

#BD492B is a mid, vivid red. Relative luminance 0.158; OKLCH L 55.7% C 0.156 H 35.5°. Best body text is #FFFFFF at 5.06:1 contrast (WCAG AA passes).

Color values

HEX#BD492B
RGBrgb(189, 73, 43)
HSLhsl(12, 63%, 45%)
HSVhsv(12, 77%, 74%)
CMYKcmyk(0%, 61.4%, 77.2%, 25.9%)
CIE-LABlab(46.66, 45.09, 41.14)
CIE-LCHlch(46.66, 61.04, 42.38°)
OKLaboklab(55.73% 0.1272 0.0906)
OKLCHoklch(55.73% 0.156 35.5)
XYZxyz(23.8074, 15.7617, 4.0737)
Luminance0.1576 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BD492B #2B9FBD
analogous
#BD2B56 #BD492B #BD922B
triadic
#BD492B #2BBD49 #492BBD
tetradic
#BD492B #56BD2B #2B9FBD #922BBD
square
#BD492B #56BD2B #2B9FBD #922BBD
split-complementary
#BD492B #2BBD92 #2B56BD
monochromatic
#592214 #8B3620 #BD492B #D76A4E #E29480

Accessibility & contrast

On white

5.06
#BD492B on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

4.15
#BD492B on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #BD492B
5.06:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BD492B#FFFFFF#000000##FFFFFF
##BD492B1.005.064.155.06
#FFFFFF5.061.0021.001.00
#0000004.1521.001.0021.00
##FFFFFF5.061.0021.001.00

Color blindness preview

Protanopia (red-blind)
#695E27
Deuteranopia (green-blind)
#867827
Tritanopia (blue-blind)
#D02C43
Achromatopsia (no color)
#6F6F6F

Design tokens & code

CSS
--color: #bd492b;
/* rgb */ color: rgb(189, 73, 43);
/* oklch */ color: oklch(55.7% 0.156 35.5);
Tailwind
colors: {
  custom: {
    50: '#d98066',
    500: '#bd492b',
    950: '#000000',
  },
}
SCSS
$custom: #bd492b;
$custom-light: #d98066;
$custom-dark: #000000;
JSON
{
  "hex": "#bd492b",
  "rgb": {
    "r": 189,
    "g": 73,
    "b": 43
  },
  "hsl": {
    "h": 12.329,
    "s": 62.931,
    "l": 45.49
  },
  "oklch": {
    "l": 0.55727,
    "c": 0.15611,
    "h": 35.5
  },
  "luminance": 0.15758
}

Semantic roles & 50–950 ramp

primary
#BD492B
secondary
#79BACB
accent
#C4E642
background
#FEF8F6
surface
#FDEFEB
border
#D5CAC6
text
#160A06
muted
#847C7A

Preview Lab

Preview with #BD492B

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →

#BD492B Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva