#CBD6F0

#CBD6F0

Color Values

HEX

#CBD6F0

RGB

203, 214, 240

HSL

222.2, 55.2%, 86.9%

HSV

222.2, 15.4%, 94.1%

CMYK

15.4%, 10.8%, 0.0%, 5.9%

OKLCH

0.8758 0.0379 267.3

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBD6F0

#F0E5CB

Analogous

#CBE9F0

#D3CBF0

#CBD6F0

Triadic

#CBD6F0

#F0CBD6

#D6F0CB

Split Complementary

#CBD6F0

#F0D3CB

#E9F0CB

Tetradic

#CBD6F0

#F0CBE9

#F0E5CB

#CBF0D3

Color Blindness Simulation

Original

#CBD6F0

Protanopia

#D0D0EA

Deuteranopia

#CFCEE8

Tritanopia

#CCE5E4

Achromatopsia

#D6D6D6

CSS Usage

background-color: #CBD6F0;
color: #CBD6F0;
border-color: #CBD6F0;
Nearest Tailwind: Indigo 100 #E0E7FF

Tailwind Shades

50
#F4F6FB
100
#E5EAF6
200
#C8D3EF
300
#A0B4E4
400
#6D8BD5
500
#3963C6
600
#2E4F9E
700
#253F7F
800
#1D3163
900
#182749
950
#0F182E

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

14.42:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026