#DFE0BC

#DFE0BC

Color Values

HEX

#DFE0BC

RGB

223, 224, 188

HSL

61.7, 36.7%, 80.8%

HSV

61.7, 16.1%, 87.8%

CMYK

0.4%, 0.0%, 16.1%, 12.2%

OKLCH

0.8966 0.0477 108.6

Properties

Cool Light Nearest: RAL 1013 Oyster White

Color Harmonies

Complementary

#DFE0BC

#BDBCE0

Analogous

#E0CFBC

#CDE0BC

#DFE0BC

Triadic

#DFE0BC

#BCDFE0

#E0BCDF

Split Complementary

#DFE0BC

#BCCDE0

#CFBCE0

Tetradic

#DFE0BC

#BCE0CF

#BDBCE0

#E0BCCD

Color Blindness Simulation

Original

#DFE0BC

Protanopia

#DFDFC5

Deuteranopia

#DFDFC7

Tritanopia

#DFCCCD

Achromatopsia

#DDDDDD

CSS Usage

background-color: #DFE0BC;
color: #DFE0BC;
border-color: #DFE0BC;
Nearest Tailwind: Amber 100 #FEF3C7

Tailwind Shades

50
#FAFAF5
100
#F2F3E8
200
#E8E8CE
300
#D7D8AB
400
#C1C37E
500
#ACAE51
600
#898B41
700
#6E7034
800
#565728
900
#404020
950
#282914

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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