#C9DBF2

#C9DBF2

Color Values

HEX

#C9DBF2

RGB

201, 219, 242

HSL

213.7, 61.2%, 86.9%

HSV

213.7, 16.9%, 94.9%

CMYK

16.9%, 9.5%, 0.0%, 5.1%

OKLCH

0.8851 0.0372 254.6

Properties

Cool Light Nearest: Periwinkle

Color Harmonies

Complementary

#C9DBF2

#F2E0C9

Analogous

#C9F0F2

#CCC9F2

#C9DBF2

Triadic

#C9DBF2

#F2C9DB

#DBF2C9

Split Complementary

#C9DBF2

#F2CCC9

#F0F2C9

Tetradic

#C9DBF2

#F2C9F0

#F2E0C9

#C9F2CC

Color Blindness Simulation

Original

#C9DBF2

Protanopia

#D1D1EC

Deuteranopia

#D0CEEB

Tritanopia

#CAE8E7

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F3F7FB
100
#E4ECF6
200
#C5D9F1
300
#9CBDE7
400
#679ADA
500
#3176CE
600
#285EA4
700
#204B84
800
#193B67
900
#162D4B
950
#0E1D2F

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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