#CFE1FE

#CFE1FE

Color Values

HEX

#CFE1FE

RGB

207, 225, 254

HSL

217.0, 95.9%, 90.4%

HSV

217.0, 18.5%, 99.6%

CMYK

18.5%, 11.4%, 0.0%, 0.4%

OKLCH

0.9054 0.0443 260.0

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CFE1FE

#FEECCF

Analogous

#CFF9FE

#D5CFFE

#CFE1FE

Triadic

#CFE1FE

#FECFE1

#E1FECF

Split Complementary

#CFE1FE

#FED5CF

#F9FECF

Tetradic

#CFE1FE

#FECFF9

#FEECCF

#CFFED5

Color Blindness Simulation

Original

#CFE1FE

Protanopia

#D7D7F7

Deuteranopia

#D6D4F5

Tritanopia

#D0F1F0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFEAFC
200
#B9D3FE
300
#87B4FC
400
#468CFB
500
#0563FA
600
#044FC8
700
#033FA0
800
#03317D
900
#07275A
950
#041839

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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