#C7FEF5

#C7FEF5

Color Values

HEX

#C7FEF5

RGB

199, 254, 245

HSL

170.2, 96.5%, 88.8%

HSV

170.2, 21.7%, 99.6%

CMYK

21.7%, 0.0%, 3.5%, 0.4%

OKLCH

0.957 0.0568 184.0

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C7FEF5

#FEC7D0

Analogous

#C7FED9

#C7EBFE

#C7FEF5

Triadic

#C7FEF5

#F5C7FE

#FEF5C7

Split Complementary

#C7FEF5

#FEC7EB

#FED9C7

Tetradic

#C7FEF5

#D9C7FE

#FEC7D0

#EBFEC7

Color Blindness Simulation

Original

#C7FEF5

Protanopia

#DFDFF7

Deuteranopia

#DCD8F8

Tritanopia

#CAF9F9

Achromatopsia

#F2F2F2

CSS Usage

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

Tailwind Shades

50
#F1FEFC
100
#DFFCF7
200
#B9FEF2
300
#87FDEA
400
#46FCDE
500
#04FBD2
600
#04C8A8
700
#03A087
800
#027D69
900
#065B4D
950
#043930

Contrast Checker

Text on white

1.11:1

AA Fail AAA Fail

Text on black

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