#BD665E#BD665E

#BD665E is a mid, moderate red. Relative luminance 0.211; OKLCH L 60.9% C 0.113 H 26.4°. Best body text is #000000 at 5.23:1 contrast (WCAG AA passes).

Color values

HEX#BD665E
RGBrgb(189, 102, 94)
HSLhsl(5, 42%, 55%)
HSVhsv(5, 50%, 74%)
CMYKcmyk(0%, 46%, 50.3%, 25.9%)
CIE-LABlab(53.09, 33.92, 20.13)
CIE-LCHlch(53.09, 39.44, 30.69°)
OKLaboklab(60.86% 0.1011 0.0502)
OKLCHoklch(60.86% 0.113 26.4)
XYZxyz(27.7599, 21.1325, 13.2045)
Luminance0.2113 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#BD665E #5EB5BD
analogous
#BD5E85 #BD665E #BD965E
triadic
#BD665E #5EBD66 #665EBD
tetradic
#BD665E #85BD5E #5EB5BD #965EBD
square
#BD665E #85BD5E #5EB5BD #965EBD
split-complementary
#BD665E #5EBD96 #5E85BD
monochromatic
#72342F #9D4840 #BD665E #CF8F89 #E1B8B5

Accessibility & contrast

On white

4.02
#BD665E on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.23
#BD665E on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #BD665E
5.23:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##BD665E#FFFFFF#000000##000000
##BD665E1.004.025.235.23
#FFFFFF4.021.0021.0021.00
#0000005.2321.001.001.00
##0000005.2321.001.001.00

Color blindness preview

Protanopia (red-blind)
#7A745D
Deuteranopia (green-blind)
#8F865C
Tritanopia (blue-blind)
#CD5964
Achromatopsia (no color)
#7F7F7F

Design tokens & code

CSS
--color: #bd665e;
/* rgb */ color: rgb(189, 102, 94);
/* oklch */ color: oklch(60.9% 0.113 26.4);
Tailwind
colors: {
  custom: {
    50: '#d5938b',
    500: '#bd665e',
    950: '#000000',
  },
}
SCSS
$custom: #bd665e;
$custom-light: #d5938b;
$custom-dark: #000000;
JSON
{
  "hex": "#bd665e",
  "rgb": {
    "r": 189,
    "g": 102,
    "b": 94
  },
  "hsl": {
    "h": 5.053,
    "s": 41.85,
    "l": 55.49
  },
  "oklch": {
    "l": 0.60855,
    "c": 0.11289,
    "h": 26.4
  },
  "luminance": 0.2113
}

Semantic roles & 50–950 ramp

primary
#BD665E
secondary
#A8CCCF
accent
#C7D256
background
#FDF9F8
surface
#FBF1F0
border
#D4CBCB
text
#150D0C
muted
#837E7D

Preview Lab

Preview with #BD665E

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

Preview Lab → · Contrast checker → · Palette generator →

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