#CFDEED

#CFDEED

Color Values

HEX

#CFDEED

RGB

207, 222, 237

HSL

210.0, 45.5%, 87.1%

HSV

210.0, 12.7%, 92.9%

CMYK

12.7%, 6.3%, 0.0%, 7.1%

OKLCH

0.8939 0.0262 248.1

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFDEED

#EDDECF

Analogous

#CFEDED

#CFCFED

#CFDEED

Triadic

#CFDEED

#EDCFDE

#DEEDCF

Split Complementary

#CFDEED

#EDCFCF

#EDEDCF

Tetradic

#CFDEED

#EDCFED

#EDDECF

#CFEDCF

Color Blindness Simulation

Original

#CFDEED

Protanopia

#D5D6E9

Deuteranopia

#D5D3E8

Tritanopia

#D0E7E6

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4F7FA
100
#E6EDF4
200
#CBDBEC
300
#A6C2DE
400
#76A1CC
500
#4580BA
600
#386694
700
#2C5277
800
#23405D
900
#1D3044
950
#121F2B

Contrast Checker

Text on white

1.37:1

AA Fail AAA Fail

Text on black

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