#CFEEF4

#CFEEF4

Color Values

HEX

#CFEEF4

RGB

207, 238, 244

HSL

189,7, 62,7%, 88,4%

HSV

189,7, 15,2%, 95,7%

CMYK

15,2%, 2,5%, 0,0%, 4,3%

OKLCH

0,9286 0,0334 210,6

Properties

Cool Light Nearest: lightcyan 2

Color Harmonies

Complementary

#CFEEF4

#F4D5CF

Analogous

#CFF4E7

#CFDBF4

#CFEEF4

Triadic

#CFEEF4

#F4CFEE

#EEF4CF

Split Complementary

#CFEEF4

#F4CFDB

#F4E7CF

Tetradic

#CFEEF4

#E7CFF4

#F4D5CF

#DBF4CF

Color Blindness Simulation

Original

#CFEEF4

Protanopia

#DCDDF3

Deuteranopia

#DBD8F2

Tritanopia

#D1F1F1

Achromatopsia

#E8E8E8

CSS Usage

background-color: #CFEEF4;
color: #CFEEF4;
border-color: #CFEEF4;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FAFB
100
#E4F4F7
200
#C5EAF2
300
#9BDCE8
400
#65C9DC
500
#30B6CF
600
#2691A6
700
#1E7485
800
#185B68
900
#15434C
950
#0D2A30

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

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