#C2AAAF#C2AAAF

#C2AAAF is a light, muted red. Relative luminance 0.433; OKLCH L 76.0% C 0.029 H 3.6°. Best body text is #000000 at 9.66:1 contrast (WCAG AA passes).

Color values

HEX#C2AAAF
RGBrgb(194, 170, 175)
HSLhsl(348, 16%, 71%)
HSVhsv(348, 12%, 76%)
CMYKcmyk(0%, 12.4%, 9.8%, 23.9%)
CIE-LABlab(71.77, 9.53, 0.63)
CIE-LCHlch(71.77, 9.55, 3.80°)
OKLaboklab(76.02% 0.0286 0.0018)
OKLCHoklch(76.02% 0.029 3.6)
XYZxyz(44.3601, 43.3149, 46.5729)
Luminance0.4331 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C2AAAF #AAC2BD
analogous
#C2AABB #C2AAAF #C2B1AA
triadic
#C2AAAF #AFC2AA #AAAFC2
tetradic
#C2AAAF #BBC2AA #AAC2BD #B1AAC2
square
#C2AAAF #BBC2AA #AAC2BD #B1AAC2
split-complementary
#C2AAAF #AAC2B1 #AABBC2
monochromatic
#8D656D #A8868D #C2AAAF #DCCED1 #F2EDEE

Accessibility & contrast

On white

2.17
#C2AAAF on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

9.66
#C2AAAF on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C2AAAF
9.66:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C2AAAF#FFFFFF#000000##000000
##C2AAAF1.002.179.669.66
#FFFFFF2.171.0021.0021.00
#0000009.6621.001.001.00
##0000009.6621.001.001.00

Color blindness preview

Protanopia (red-blind)
#ADADAF
Deuteranopia (green-blind)
#B2B1AF
Tritanopia (blue-blind)
#C7A9AC
Achromatopsia (no color)
#B0B0B0

Design tokens & code

CSS
--color: #c2aaaf;
/* rgb */ color: rgb(194, 170, 175);
/* oklch */ color: oklch(76.0% 0.029 3.6);
Tailwind
colors: {
  custom: {
    50: '#d4c3c6',
    500: '#c2aaaf',
    950: '#000000',
  },
}
SCSS
$custom: #c2aaaf;
$custom-light: #d4c3c6;
$custom-dark: #000000;
JSON
{
  "hex": "#c2aaaf",
  "rgb": {
    "r": 194,
    "g": 170,
    "b": 175
  },
  "hsl": {
    "h": 347.5,
    "s": 16.438,
    "l": 71.373
  },
  "oklch": {
    "l": 0.76024,
    "c": 0.02865,
    "h": 3.6
  },
  "luminance": 0.43314
}

Semantic roles & 50–950 ramp

primary
#C2AAAF
secondary
#E1E7E6
accent
#9B8A4B
background
#FDFBFC
surface
#FAF7F8
border
#D3D0D1
text
#141213
muted
#838182

Preview Lab

Preview with #C2AAAF

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

Preview Lab → · Contrast checker → · Palette generator →

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