#CFFCFE

#CFFCFE

Color Values

HEX

#CFFCFE

RGB

207, 252, 254

HSL

182.6, 95.9%, 90.4%

HSV

182.6, 18.5%, 99.6%

CMYK

18.5%, 0.8%, 0.0%, 0.4%

OKLCH

0.9604 0.046 199.8

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFFCFE

#FED1CF

Analogous

#CFFEE9

#CFE4FE

#CFFCFE

Triadic

#CFFCFE

#FECFFC

#FCFECF

Split Complementary

#CFFCFE

#FECFE4

#FEE9CF

Tetradic

#CFFCFE

#E9CFFE

#FED1CF

#E4FECF

Color Blindness Simulation

Original

#CFFCFE

Protanopia

#E2E3FE

Deuteranopia

#E0DCFD

Tritanopia

#D1FDFD

Achromatopsia

#F3F3F3

CSS Usage

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

Tailwind Shades

50
#F1FDFE
100
#DFFAFC
200
#B9FBFE
300
#87F7FC
400
#46F3FB
500
#05EFFA
600
#04BFC8
700
#0399A0
800
#03787D
900
#07575A
950
#043739

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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