#CFFEF7

#CFFEF7

Color Values

HEX

#CFFEF7

RGB

207, 254, 247

HSL

171.1, 95.9%, 90.4%

HSV

171.1, 18.5%, 99.6%

CMYK

18.5%, 0.0%, 2.8%, 0.4%

OKLCH

0.9625 0.0487 185.3

Properties

Cool Light Nearest: lightcyan

Color Harmonies

Complementary

#CFFEF7

#FECFD6

Analogous

#CFFEE0

#CFEDFE

#CFFEF7

Triadic

#CFFEF7

#F7CFFE

#FEF7CF

Split Complementary

#CFFEF7

#FECFED

#FEE0CF

Tetradic

#CFFEF7

#E0CFFE

#FECFD6

#EDFECF

Color Blindness Simulation

Original

#CFFEF7

Protanopia

#E3E4F9

Deuteranopia

#E1DDF9

Tritanopia

#D1FAFA

Achromatopsia

#F4F4F4

CSS Usage

background-color: #CFFEF7;
color: #CFFEF7;
border-color: #CFFEF7;
Nearest Tailwind: Teal 100 #CCFBF1

Tailwind Shades

50
#F1FEFC
100
#DFFCF7
200
#B9FEF3
300
#87FCEB
400
#46FBE0
500
#05FAD5
600
#04C8AB
700
#03A089
800
#037D6B
900
#075A4E
950
#043931

Contrast Checker

Text on white

1.1:1

AA Fail AAA Fail

Text on black

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