#DCCFB2

#DCCFB2

Color Values

HEX

#DCCFB2

RGB

220, 207, 178

HSL

41.4, 37.5%, 78.0%

HSV

41.4, 19.1%, 86.3%

CMYK

0.0%, 5.9%, 19.1%, 13.7%

OKLCH

0.8575 0.0414 86.7

Properties

Warm Light Nearest: cornsilk 3

Color Harmonies

Complementary

#DCCFB2

#B2BFDC

Analogous

#DCBAB2

#D4DCB2

#DCCFB2

Triadic

#DCCFB2

#B2DCCF

#CFB2DC

Split Complementary

#DCCFB2

#B2D4DC

#BAB2DC

Tetradic

#DCCFB2

#B2DCBA

#B2BFDC

#DCB2D4

Color Blindness Simulation

Original

#DCCFB2

Protanopia

#D6D6B9

Deuteranopia

#D7D8BB

Tritanopia

#DBBFC0

Achromatopsia

#D0D0D0

CSS Usage

background-color: #DCCFB2;
color: #DCCFB2;
border-color: #DCCFB2;
Nearest Tailwind: Orange 100 #FFEDD5

Tailwind Shades

50
#FAF8F5
100
#F3EFE7
200
#E9E0CE
300
#D9CBAB
400
#C4AE7D
500
#AF9250
600
#8C7540
700
#705D33
800
#584928
900
#413720
950
#292314

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

13.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026