#CFE0FE

#CFE0FE

Color Values

HEX

#CFE0FE

RGB

207, 224, 254

HSL

218.3, 95.9%, 90.4%

HSV

218.3, 18.5%, 99.6%

CMYK

18.5%, 11.8%, 0.0%, 0.4%

OKLCH

0.9034 0.0451 261.9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#CFE0FE

#FEEDCF

Analogous

#CFF8FE

#D6CFFE

#CFE0FE

Triadic

#CFE0FE

#FECFE0

#E0FECF

Split Complementary

#CFE0FE

#FED6CF

#F8FECF

Tetradic

#CFE0FE

#FECFF8

#FEEDCF

#CFFED6

Color Blindness Simulation

Original

#CFE0FE

Protanopia

#D6D7F7

Deuteranopia

#D5D4F5

Tritanopia

#D0F1F0

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1F6FE
100
#DFE9FC
200
#B9D2FE
300
#87B2FC
400
#4688FB
500
#055EFA
600
#044BC8
700
#033CA0
800
#032F7D
900
#07255A
950
#041739

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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