#CFD6E6

#CFD6E6

Color Values

HEX

#CFD6E6

RGB

207, 214, 230

HSL

221.7, 31.5%, 85.7%

HSV

221.7, 10.0%, 90.2%

CMYK

10.0%, 7.0%, 0.0%, 9.8%

OKLCH

0.8756 0.0233 266.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFD6E6

#E6DFCF

Analogous

#CFE2E6

#D4CFE6

#CFD6E6

Triadic

#CFD6E6

#E6CFD6

#D6E6CF

Split Complementary

#CFD6E6

#E6D4CF

#E2E6CF

Tetradic

#CFD6E6

#E6CFE2

#E6DFCF

#CFE6D4

Color Blindness Simulation

Original

#CFD6E6

Protanopia

#D2D2E2

Deuteranopia

#D2D1E1

Tritanopia

#CFDFDE

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F5F7F9
100
#E8EBF2
200
#D0D7E7
300
#AFBAD5
400
#8395BE
500
#5770A8
600
#465986
700
#38486B
800
#2C3854
900
#232B3E
950
#161B27

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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