#D46056#D46056

#D46056 is a light, vivid red. Relative luminance 0.230; OKLCH L 63.0% C 0.149 H 27.1°. Best body text is #000000 at 5.61:1 contrast (WCAG AA passes).

Color values

HEX	#D46056
RGB	rgb(212, 96, 86)
HSL	hsl(5, 59%, 58%)
HSV	hsv(5, 59%, 83%)
CMYK	cmyk(0%, 54.7%, 59.4%, 16.9%)
CIE-LAB	lab(55.11, 44.96, 28.04)
CIE-LCH	lch(55.11, 52.99, 31.95°)
OKLab	oklab(63.02% 0.1323 0.0677)
OKLCH	oklch(63.02% 0.149 27.1)
XYZ	xyz(33.0168, 23.0387, 11.5105)
Luminance	0.2303 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#D46056 #56CAD4

analogous

#D4568B #D46056 #D49F56

triadic

#D46056 #56D460 #6056D4

tetradic

#D46056 #8BD456 #56CAD4 #9F56D4

square

#D46056 #8BD456 #56CAD4 #9F56D4

split-complementary

#D46056 #56D49F #568BD4

monochromatic

#8C2C24 #BD3B30 #D46056 #E08E87 #EDBCB8

Accessibility & contrast

On white

3.75

#D46056 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.61

#D46056 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #D46056

5.61:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##D46056	#FFFFFF	#000000	##000000
##D46056	1.00	3.75	5.61	5.61
#FFFFFF	3.75	1.00	21.00	21.00
#000000	5.61	21.00	1.00	1.00
##000000	5.61	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#7D7554

Deuteranopia (green-blind)

#9A8D53

Tritanopia (blue-blind)

#E74B5E

Achromatopsia (no color)

#848484

Design tokens & code

CSS

--color: #d46056;
/* rgb */ color: rgb(212, 96, 86);
/* oklch */ color: oklch(63.0% 0.149 27.1);

Tailwind

colors: {
  custom: {
    50: '#e79085',
    500: '#d46056',
    950: '#000000',
  },
}

SCSS

$custom: #d46056;
$custom-light: #e79085;
$custom-dark: #000000;

JSON

{
  "hex": "#d46056",
  "rgb": {
    "r": 212,
    "g": 96,
    "b": 86
  },
  "hsl": {
    "h": 4.762,
    "s": 59.434,
    "l": 58.431
  },
  "oklch": {
    "l": 0.6302,
    "c": 0.14855,
    "h": 27.1
  },
  "luminance": 0.23035
}

Semantic roles & 50–950 ramp

primary

#D46056

secondary

#AAD8DC

accent

#D6E345

background

#FEF9F8

surface

#FDF1EF

border

#D5CBCA

text

#170D0B

muted

#857E7C

Preview Lab

Preview with #D46056

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

Preview Lab → · Contrast checker → · Palette generator →