#CFD9EB

#CFD9EB

Color Values

HEX

#CFD9EB

RGB

207, 217, 235

HSL

218,6, 41,2%, 86,7%

HSV

218,6, 11,9%, 92,2%

CMYK

11,9%, 7,7%, 0,0%, 7,8%

OKLCH

0,8832 0,0271 262,3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CFD9EB

#EBE1CF

Analogous

#CFE7EB

#D3CFEB

#CFD9EB

Triadic

#CFD9EB

#EBCFD9

#D9EBCF

Split Complementary

#CFD9EB

#EBD3CF

#E7EBCF

Tetradic

#CFD9EB

#EBCFE7

#EBE1CF

#CFEBD3

Color Blindness Simulation

Original

#CFD9EB

Protanopia

#D3D3E7

Deuteranopia

#D3D2E6

Tritanopia

#CFE3E2

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5F7FA
100
#E7EBF3
200
#CDD7EA
300
#A9BBDB
400
#7A96C8
500
#4B70B4
600
#3C5A90
700
#304873
800
#25385A
900
#1E2B42
950
#131B2A

Contrast Checker

Text on white

1,42:1

AA Fail AAA Fail

Text on black

14,78: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