#C9DCFE

#C9DCFE

Color Values

HEX

#C9DCFE

RGB

201, 220, 254

HSL

218.5, 96.4%, 89.2%

HSV

218.5, 20.9%, 99.6%

CMYK

20.9%, 13.4%, 0.0%, 0.4%

OKLCH

0.8912 0.0513 262.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#C9DCFE

#FEEBC9

Analogous

#C9F6FE

#D0C9FE

#C9DCFE

Triadic

#C9DCFE

#FEC9DC

#DCFEC9

Split Complementary

#C9DCFE

#FED0C9

#F6FEC9

Tetradic

#C9DCFE

#FEC9F6

#FEEBC9

#C9FED0

Color Blindness Simulation

Original

#C9DCFE

Protanopia

#D1D1F6

Deuteranopia

#D0CFF4

Tritanopia

#CAEFEE

Achromatopsia

#DADADA

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FE
300
#87B1FD
400
#4687FC
500
#055DFA
600
#044AC8
700
#033BA0
800
#022E7D
900
#06255A
950
#041739

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

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