#DFA49E#DFA49E

#DFA49E is a light, moderate red. Relative luminance 0.447; OKLCH L 77.3% C 0.071 H 25.4°. Best body text is #000000 at 9.94:1 contrast (WCAG AA passes).

Color values

HEX	#DFA49E
RGB	rgb(223, 164, 158)
HSL	hsl(6, 50%, 75%)
HSV	hsv(6, 29%, 87%)
CMYK	cmyk(0%, 26.5%, 29.1%, 12.5%)
CIE-LAB	lab(72.70, 20.97, 11.70)
CIE-LCH	lch(72.70, 24.01, 29.15°)
OKLab	oklab(77.26% 0.0641 0.0304)
OKLCH	oklch(77.26% 0.071 25.4)
XYZ	xyz(49.8796, 44.7103, 38.3438)
Luminance	0.4471 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DFA49E #9ED9DF

analogous

#DF9EB9 #DFA49E #DFC49E

triadic

#DFA49E #9EDFA4 #A49EDF

tetradic

#DFA49E #B9DF9E #9ED9DF #C49EDF

square

#DFA49E #B9DF9E #9ED9DF #C49EDF

split-complementary

#DFA49E #9EDFC4 #9EB9DF

monochromatic

#C14E42 #D07970 #DFA49E #EECFCC #F7E9E8

Accessibility & contrast

On white

2.11

#DFA49E on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

9.94

#DFA49E on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFA49E

9.94:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DFA49E	#FFFFFF	#000000	##000000
##DFA49E	1.00	2.11	9.94	9.94
#FFFFFF	2.11	1.00	21.00	21.00
#000000	9.94	21.00	1.00	1.00
##000000	9.94	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#B0AC9D

Deuteranopia (green-blind)

#BEB79D

Tritanopia (blue-blind)

#EC9DA3

Achromatopsia (no color)

#B2B2B2

Design tokens & code

CSS

--color: #dfa49e;
/* rgb */ color: rgb(223, 164, 158);
/* oklch */ color: oklch(77.3% 0.071 25.4);

Tailwind

colors: {
  custom: {
    50: '#eabfba',
    500: '#dfa49e',
    950: '#000000',
  },
}

SCSS

$custom: #dfa49e;
$custom-light: #eabfba;
$custom-dark: #000000;

JSON

{
  "hex": "#dfa49e",
  "rgb": {
    "r": 223,
    "g": 164,
    "b": 158
  },
  "hsl": {
    "h": 5.538,
    "s": 50.388,
    "l": 74.706
  },
  "oklch": {
    "l": 0.77262,
    "c": 0.07096,
    "h": 25.4
  },
  "luminance": 0.44708
}

Semantic roles & 50–950 ramp

primary

#DFA49E

secondary

#DDEDEE

accent

#B0BE28

background

#FEFBFB

surface

#FDF7F6

border

#D5D0D0

text

#161211

muted

#848180

Preview Lab

Preview with #DFA49E

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

Preview Lab → · Contrast checker → · Palette generator →