#DC977B

#DC977B

Color Values

HEX

#DC977B

RGB

220, 151, 123

HSL

17.3, 58.1%, 67.3%

HSV

17.3, 44.1%, 86.3%

CMYK

0.0%, 31.4%, 44.1%, 13.7%

OKLCH

0.7377 0.0924 42.9

Properties

Warm Light Nearest: Copper

Color Harmonies

Complementary

#DC977B

#7BC0DC

Analogous

#DC7B90

#DCC87B

#DC977B

Triadic

#DC977B

#7BDC97

#977BDC

Split Complementary

#DC977B

#7BDCC8

#7B90DC

Tetradic

#DC977B

#90DC7B

#7BC0DC

#C87BDC

Color Blindness Simulation

Original

#DC977B

Protanopia

#BEBE82

Deuteranopia

#C2C783

Tritanopia

#D98788

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FBF6F4
100
#F6E9E4
200
#F0D3C7
300
#E5B39E
400
#D7896A
500
#CA6035
600
#A14D2B
700
#813E22
800
#65301B
900
#4A2617
950
#2F180F

Contrast Checker

Text on white

2.4:1

AA Fail AAA Fail

Text on black

8.76: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