#CFD9ED

#CFD9ED

Color Values

HEX

#CFD9ED

RGB

207, 217, 237

HSL

220.0, 45.5%, 87.1%

HSV

220.0, 12.7%, 92.9%

CMYK

12.7%, 8.4%, 0.0%, 7.1%

OKLCH

0.8838 0.0296 264.4

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFD9ED

#EDE3CF

Analogous

#CFE8ED

#D4CFED

#CFD9ED

Triadic

#CFD9ED

#EDCFD9

#D9EDCF

Split Complementary

#CFD9ED

#EDD4CF

#E8EDCF

Tetradic

#CFD9ED

#EDCFE8

#EDE3CF

#CFEDD4

Color Blindness Simulation

Original

#CFD9ED

Protanopia

#D3D3E8

Deuteranopia

#D3D2E7

Tritanopia

#CFE4E4

Achromatopsia

#D8D8D8

CSS Usage

background-color: #CFD9ED;
color: #CFD9ED;
border-color: #CFD9ED;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD6EC
300
#A6B9DE
400
#7692CC
500
#456CBA
600
#385794
700
#2C4577
800
#23365D
900
#1D2A44
950
#121A2B

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.8:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026