#CFDEEA

#CFDEEA

Color Values

HEX

#CFDEEA

RGB

207, 222, 234

HSL

206.7, 39.1%, 86.5%

HSV

206.7, 11.5%, 91.8%

CMYK

11.5%, 5.1%, 0.0%, 8.2%

OKLCH

0.8929 0.0231 241.9

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFDEEA

#EADBCF

Analogous

#CFEAE9

#CFD1EA

#CFDEEA

Triadic

#CFDEEA

#EACFDE

#DEEACF

Split Complementary

#CFDEEA

#EACFD1

#EAE9CF

Tetradic

#CFDEEA

#E9CFEA

#EADBCF

#D1EACF

Color Blindness Simulation

Original

#CFDEEA

Protanopia

#D5D6E7

Deuteranopia

#D5D3E6

Tritanopia

#D0E5E4

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F5F8FA
100
#E7EEF3
200
#CDDDE9
300
#AAC4DA
400
#7CA5C6
500
#4E85B1
600
#3E6A8E
700
#325572
800
#274259
900
#1F3241
950
#142029

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

15.29:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026