#CFEDFA

#CFEDFA

Color Values

HEX

#CFEDFA

RGB

207, 237, 250

HSL

198,1, 81,1%, 89,6%

HSV

198,1, 17,2%, 98,0%

CMYK

17,2%, 5,2%, 0,0%, 2,0%

OKLCH

0,9284 0,0361 225,8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CFEDFA

#FADCCF

Analogous

#CFFAF1

#CFD8FA

#CFEDFA

Triadic

#CFEDFA

#FACFED

#EDFACF

Split Complementary

#CFEDFA

#FACFD8

#FAF1CF

Tetradic

#CFEDFA

#F1CFFA

#FADCCF

#D8FACF

Color Blindness Simulation

Original

#CFEDFA

Protanopia

#DCDCF7

Deuteranopia

#DAD8F6

Tritanopia

#D0F4F4

Achromatopsia

#E8E8E8

CSS Usage

background-color: #CFEDFA;
color: #CFEDFA;
border-color: #CFEDFA;
Nearest Tailwind: Sky 100 #E0F2FE

Tailwind Shades

50
#F2F9FD
100
#E1F2F9
200
#BEE7F8
300
#90D5F3
400
#54BFED
500
#18A9E7
600
#1387B9
700
#0F6C94
800
#0C5473
900
#0D3E54
950
#082735

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

17,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