#CFE1DC

#CFE1DC

Color Values

HEX

#CFE1DC

RGB

207, 225, 220

HSL

163.3, 23.1%, 84.7%

HSV

163.3, 8.0%, 88.2%

CMYK

8.0%, 0.0%, 2.2%, 11.8%

OKLCH

0.8949 0.0204 177.4

Properties

Cool Light Nearest: azure 2

Color Harmonies

Complementary

#CFE1DC

#E1CFD4

Analogous

#CFE1D3

#CFDDE1

#CFE1DC

Triadic

#CFE1DC

#DCCFE1

#E1DCCF

Split Complementary

#CFE1DC

#E1CFDD

#E1D3CF

Tetradic

#CFE1DC

#D3CFE1

#E1CFD4

#DDE1CF

Color Blindness Simulation

Original

#CFE1DC

Protanopia

#D7D7DD

Deuteranopia

#D6D4DE

Tritanopia

#D0DEDE

Achromatopsia

#DDDDDD

CSS Usage

background-color: #CFE1DC;
color: #CFE1DC;
border-color: #CFE1DC;
Nearest Tailwind: Neutral 200 #E5E5E5

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E4DF
300
#B4D0C8
400
#8BB6AA
500
#629D8D
600
#4E7E70
700
#3F645A
800
#314E46
900
#263B35
950
#182521

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

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