#CFEDF4

#CFEDF4

Color Values

HEX

#CFEDF4

RGB

207, 237, 244

HSL

191.4, 62.7%, 88.4%

HSV

191.4, 15.2%, 95.7%

CMYK

15.2%, 2.9%, 0.0%, 4.3%

OKLCH

0.9265 0.0328 213.4

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CFEDF4

#F4D6CF

Analogous

#CFF4E8

#CFDAF4

#CFEDF4

Triadic

#CFEDF4

#F4CFED

#EDF4CF

Split Complementary

#CFEDF4

#F4CFDA

#F4E8CF

Tetradic

#CFEDF4

#E8CFF4

#F4D6CF

#DAF4CF

Color Blindness Simulation

Original

#CFEDF4

Protanopia

#DCDCF2

Deuteranopia

#DAD8F2

Tritanopia

#D0F1F1

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FAFB
100
#E4F3F7
200
#C5E9F2
300
#9BDAE8
400
#65C5DC
500
#30B1CF
600
#268EA6
700
#1E7185
800
#185968
900
#15414C
950
#0D2930

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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