#DFE0CC

#DFE0CC

Color Values

HEX

#DFE0CC

RGB

223, 224, 204

HSL

63.0, 24.4%, 83.9%

HSV

63.0, 8.9%, 87.8%

CMYK

0.4%, 0.0%, 8.9%, 12.2%

OKLCH

0.9005 0.0267 109.3

Properties

Cool Light Nearest: RAL 9002 Grey White

Color Harmonies

Complementary

#DFE0CC

#CDCCE0

Analogous

#E0D7CC

#D5E0CC

#DFE0CC

Triadic

#DFE0CC

#CCDFE0

#E0CCDF

Split Complementary

#DFE0CC

#CCD5E0

#D7CCE0

Tetradic

#DFE0CC

#CCE0D7

#CDCCE0

#E0CCD5

Color Blindness Simulation

Original

#DFE0CC

Protanopia

#DFDFD1

Deuteranopia

#DFDFD2

Tritanopia

#DFD5D6

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F9F9F6
100
#F0F1E9
200
#E3E4D3
300
#CFD1B3
400
#B5B88A
500
#9B9F60
600
#7C7F4D
700
#64663E
800
#4E4F30
900
#3A3B26
950
#252518

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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