#CFECFA

#CFECFA

Color Values

HEX

#CFECFA

RGB

207, 236, 250

HSL

199.5, 81.1%, 89.6%

HSV

199.5, 17.2%, 98.0%

CMYK

17.2%, 5.6%, 0.0%, 2.0%

OKLCH

0.9263 0.036 228.4

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#CFECFA

#FADDCF

Analogous

#CFFAF2

#CFD6FA

#CFECFA

Triadic

#CFECFA

#FACFEC

#ECFACF

Split Complementary

#CFECFA

#FACFD6

#FAF2CF

Tetradic

#CFECFA

#F2CFFA

#FADDCF

#D6FACF

Color Blindness Simulation

Original

#CFECFA

Protanopia

#DCDCF7

Deuteranopia

#DAD8F6

Tritanopia

#D0F4F3

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F2F9FD
100
#E1F1F9
200
#BEE5F8
300
#90D3F3
400
#54BBED
500
#18A4E7
600
#1383B9
700
#0F6994
800
#0C5273
900
#0D3D54
950
#082635

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026