#CFE9FB

#CFE9FB

Color Values

HEX

#CFE9FB

RGB

207, 233, 251

HSL

204.5, 84.6%, 89.8%

HSV

204.5, 17.5%, 98.4%

CMYK

17.5%, 7.2%, 0.0%, 1.6%

OKLCH

0.9206 0.0369 238.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CFE9FB

#FBE1CF

Analogous

#CFFBF7

#CFD3FB

#CFE9FB

Triadic

#CFE9FB

#FBCFE9

#E9FBCF

Split Complementary

#CFE9FB

#FBCFD3

#FBF7CF

Tetradic

#CFE9FB

#F7CFFB

#FBE1CF

#D3FBCF

Color Blindness Simulation

Original

#CFE9FB

Protanopia

#DADAF7

Deuteranopia

#D9D7F6

Tritanopia

#D0F3F2

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0F0FA
200
#BDE1FA
300
#8ECBF6
400
#51AFF0
500
#1493EB
600
#1076BC
700
#0D5E97
800
#0A4A76
900
#0C3755
950
#072336

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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