#CFD3E8

#CFD3E8

Color Values

HEX

#CFD3E8

RGB

207, 211, 232

HSL

230.4, 35.2%, 86.1%

HSV

230.4, 10.8%, 91.0%

CMYK

10.8%, 9.1%, 0.0%, 9.0%

OKLCH

0.8702 0.0292 277.2

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFD3E8

#E8E4CF

Analogous

#CFE0E8

#D8CFE8

#CFD3E8

Triadic

#CFD3E8

#E8CFD3

#D3E8CF

Split Complementary

#CFD3E8

#E8D8CF

#E0E8CF

Tetradic

#CFD3E8

#E8CFE0

#E8E4CF

#CFE8D8

Color Blindness Simulation

Original

#CFD3E8

Protanopia

#D1D1E3

Deuteranopia

#D0D0E2

Tritanopia

#CFDFDE

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F5F6FA
100
#E8EAF2
200
#CFD3E8
300
#ACB3D7
400
#7F8AC2
500
#5361AC
600
#424E8A
700
#353E6E
800
#293056
900
#212640
950
#151828

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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