#BD705E#BD705E

#BD705E is a light, moderate red. Relative luminance 0.232; OKLCH L 62.5% C 0.102 H 34.0°. Best body text is #000000 at 5.64:1 contrast (WCAG AA passes).

Color values

HEX	#BD705E
RGB	rgb(189, 112, 94)
HSL	hsl(11, 42%, 55%)
HSV	hsv(11, 50%, 74%)
CMYK	cmyk(0%, 40.7%, 50.3%, 25.9%)
CIE-LAB	lab(55.30, 28.53, 23.07)
CIE-LCH	lch(55.30, 36.69, 38.96°)
OKLab	oklab(62.54% 0.0846 0.0571)
OKLCH	oklch(62.54% 0.102 34)
XYZ	xyz(28.8026, 23.2180, 13.5521)
Luminance	0.2321 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#BD705E #5EABBD

analogous

#BD5E7C #BD705E #BD9F5E

triadic

#BD705E #5EBD70 #705EBD

tetradic

#BD705E #7CBD5E #5EABBD #9F5EBD

square

#BD705E #7CBD5E #5EABBD #9F5EBD

split-complementary

#BD705E #5EBD9F #5E7CBD

monochromatic

#723B2F #9D5240 #BD705E #CF9789 #E1BDB5

Accessibility & contrast

On white

3.72

#BD705E on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.64

#BD705E on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BD705E

5.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##BD705E	#FFFFFF	#000000	##000000
##BD705E	1.00	3.72	5.64	5.64
#FFFFFF	3.72	1.00	21.00	21.00
#000000	5.64	21.00	1.00	1.00
##000000	5.64	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#837B5C

Deuteranopia (green-blind)

#958B5D

Tritanopia (blue-blind)

#CC646B

Achromatopsia (no color)

#848484

Design tokens & code

CSS

--color: #bd705e;
/* rgb */ color: rgb(189, 112, 94);
/* oklch */ color: oklch(62.5% 0.102 34.0);

Tailwind

colors: {
  custom: {
    50: '#d49a8b',
    500: '#bd705e',
    950: '#000000',
  },
}

SCSS

$custom: #bd705e;
$custom-light: #d49a8b;
$custom-dark: #000000;

JSON

{
  "hex": "#bd705e",
  "rgb": {
    "r": 189,
    "g": 112,
    "b": 94
  },
  "hsl": {
    "h": 11.368,
    "s": 41.85,
    "l": 55.49
  },
  "oklch": {
    "l": 0.6254,
    "c": 0.10203,
    "h": 34
  },
  "luminance": 0.23215
}

Semantic roles & 50–950 ramp

primary

#BD705E

secondary

#A8C8CF

accent

#BAD256

background

#FDF9F8

surface

#FBF2F0

border

#D4CCCB

text

#150E0C

muted

#837E7D

Preview Lab

Preview with #BD705E

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

Preview Lab → · Contrast checker → · Palette generator →