#CBDDF1

#CBDDF1

Color Values

HEX

#CBDDF1

RGB

203, 221, 241

HSL

211,6, 57,6%, 87,1%

HSV

211,6, 15,8%, 94,5%

CMYK

15,8%, 8,3%, 0,0%, 5,5%

OKLCH

0,8903 0,0337 251,0

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#CBDDF1

#F1DFCB

Analogous

#CBF0F1

#CCCBF1

#CBDDF1

Triadic

#CBDDF1

#F1CBDD

#DDF1CB

Split Complementary

#CBDDF1

#F1CCCB

#F0F1CB

Tetradic

#CBDDF1

#F1CBF0

#F1DFCB

#CBF1CC

Color Blindness Simulation

Original

#CBDDF1

Protanopia

#D3D3EC

Deuteranopia

#D2D0EB

Tritanopia

#CCE8E8

Achromatopsia

#DBDBDB

CSS Usage

background-color: #CBDDF1;
color: #CBDDF1;
border-color: #CBDDF1;
Nearest Tailwind: Blue 100 #DBEAFE

Tailwind Shades

50
#F4F7FB
100
#E4EDF6
200
#C7DAF0
300
#9FC0E5
400
#6A9ED7
500
#367CC9
600
#2B63A1
700
#234F81
800
#1B3E64
900
#172F4A
950
#0F1E2E

Contrast Checker

Text on white

1,39:1

AA Fail AAA Fail

Text on black

15,15:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026