#DC987B

#DC987B

Color Values

HEX

#DC987B

RGB

220, 152, 123

HSL

17,9, 58,1%, 67,3%

HSV

17,9, 44,1%, 86,3%

CMYK

0,0%, 30,9%, 44,1%, 13,7%

OKLCH

0,7396 0,0918 43,9

Properties

Warm Light Nearest: Copper

Color Harmonies

Complementary

#DC987B

#7BBFDC

Analogous

#DC7B8F

#DCC97B

#DC987B

Triadic

#DC987B

#7BDC98

#987BDC

Split Complementary

#DC987B

#7BDCC9

#7B8FDC

Tetradic

#DC987B

#8FDC7B

#7BBFDC

#C97BDC

Color Blindness Simulation

Original

#DC987B

Protanopia

#BFBE82

Deuteranopia

#C2C884

Tritanopia

#D98889

Achromatopsia

#A4A4A4

CSS Usage

background-color: #DC987B;
color: #DC987B;
border-color: #DC987B;
Nearest Tailwind: Red 300 #FCA5A5

Tailwind Shades

50
#FBF6F4
100
#F6EAE4
200
#F0D3C7
300
#E5B39E
400
#D78B6A
500
#CA6235
600
#A14E2B
700
#813E22
800
#65311B
900
#4A2617
950
#2F180F

Contrast Checker

Text on white

2,38:1

AA Fail AAA Fail

Text on black

8,82:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026