#CBD7F2

#CBD7F2

Color Values

HEX

#CBD7F2

RGB

203, 215, 242

HSL

221.5, 60.0%, 87.3%

HSV

221.5, 16.1%, 94.9%

CMYK

16.1%, 11.2%, 0.0%, 5.1%

OKLCH

0.8785 0.0395 266.5

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBD7F2

#F2E6CB

Analogous

#CBEBF2

#D3CBF2

#CBD7F2

Triadic

#CBD7F2

#F2CBD7

#D7F2CB

Split Complementary

#CBD7F2

#F2D3CB

#EBF2CB

Tetradic

#CBD7F2

#F2CBEB

#F2E6CB

#CBF2D3

Color Blindness Simulation

Original

#CBD7F2

Protanopia

#D0D0EB

Deuteranopia

#D0CFEA

Tritanopia

#CCE6E5

Achromatopsia

#D6D6D6

CSS Usage

background-color: #CBD7F2;
color: #CBD7F2;
border-color: #CBD7F2;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F3F6FB
100
#E4EAF6
200
#C6D3F1
300
#9DB4E7
400
#688BD9
500
#3362CC
600
#294FA3
700
#213F83
800
#1A3166
900
#16264B
950
#0E182F

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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