#C09CB2#C09CB2

#C09CB2 is a light, muted pink. Relative luminance 0.382; OKLCH L 73.2% C 0.052 H 341.2°. Best body text is #000000 at 8.64:1 contrast (WCAG AA passes).

Color values

HEX#C09CB2
RGBrgb(192, 156, 178)
HSLhsl(323, 22%, 68%)
HSVhsv(323, 19%, 75%)
CMYKcmyk(0%, 18.7%, 7.3%, 24.7%)
CIE-LABlab(68.17, 17.03, -6.34)
CIE-LCHlch(68.17, 18.17, 339.56°)
OKLaboklab(73.21% 0.0492 -0.0167)
OKLCHoklch(73.21% 0.052 341.2)
XYZxyz(41.6620, 38.1989, 47.2893)
Luminance0.3820 (WCAG relative)
Temperaturewarm
Familypink

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C09CB2 #9CC0AA
analogous
#BC9CC0 #C09CB2 #C09CA0
triadic
#C09CB2 #B2C09C #9CB2C0
tetradic
#C09CB2 #C0BC9C #9CC0AA #9CA0C0
square
#C09CB2 #C0BC9C #9CC0AA #9CA0C0
split-complementary
#C09CB2 #A0C09C #9CC0BC
monochromatic
#8A5876 #A87795 #C09CB2 #D8C1CF #F0E7EC

Accessibility & contrast

On white

2.43
#C09CB2 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.64
#C09CB2 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C09CB2
8.64:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C09CB2#FFFFFF#000000##000000
##C09CB21.002.438.648.64
#FFFFFF2.431.0021.0021.00
#0000008.6421.001.001.00
##0000008.6421.001.001.00

Color blindness preview

Protanopia (red-blind)
#9DA3B3
Deuteranopia (green-blind)
#A5A8B1
Tritanopia (blue-blind)
#C59CA3
Achromatopsia (no color)
#A6A6A6

Design tokens & code

CSS
--color: #c09cb2;
/* rgb */ color: rgb(192, 156, 178);
/* oklch */ color: oklch(73.2% 0.052 341.2);
Tailwind
colors: {
  custom: {
    50: '#d3b9c9',
    500: '#c09cb2',
    950: '#000000',
  },
}
SCSS
$custom: #c09cb2;
$custom-light: #d3b9c9;
$custom-dark: #000000;
JSON
{
  "hex": "#c09cb2",
  "rgb": {
    "r": 192,
    "g": 156,
    "b": 178
  },
  "hsl": {
    "h": 323.333,
    "s": 22.222,
    "l": 68.235
  },
  "oklch": {
    "l": 0.73211,
    "c": 0.05192,
    "h": 341.2
  },
  "luminance": 0.38198
}

Semantic roles & 50–950 ramp

primary
#C09CB2
secondary
#D6E1DB
accent
#A16945
background
#FCFBFC
surface
#F9F6F8
border
#D2D0D1
text
#141113
muted
#828082

Preview Lab

Preview with #C09CB2

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

Preview Lab → · Contrast checker → · Palette generator →

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