#C9E6FD

#C9E6FD

Color Values

HEX

#C9E6FD

RGB

201, 230, 253

HSL

206.5, 92.9%, 89.0%

HSV

206.5, 20.6%, 99.2%

CMYK

20.6%, 9.1%, 0.0%, 0.8%

OKLCH

0.9111 0.044 242.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C9E6FD

#FDE0C9

Analogous

#C9FDFA

#C9CCFD

#C9E6FD

Triadic

#C9E6FD

#FDC9E6

#E6FDC9

Split Complementary

#C9E6FD

#FDC9CC

#FDFAC9

Tetradic

#C9E6FD

#FAC9FD

#FDE0C9

#CCFDC9

Color Blindness Simulation

Original

#C9E6FD

Protanopia

#D6D6F7

Deuteranopia

#D4D2F6

Tritanopia

#CAF3F2

Achromatopsia

#E1E1E1

CSS Usage

background-color: #C9E6FD;
color: #C9E6FD;
border-color: #C9E6FD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BADFFC
300
#89C8FB
400
#49ABF8
500
#098DF6
600
#0771C5
700
#065A9D
800
#05477B
900
#083559
950
#052238

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026