#C7FAF4

#C7FAF4

Color Values

HEX

#C7FAF4

RGB

199, 250, 244

HSL

172.9, 83.6%, 88.0%

HSV

172.9, 20.4%, 98.0%

CMYK

20.4%, 0.0%, 2.4%, 2.0%

OKLCH

0.9483 0.0524 187.5

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C7FAF4

#FAC7CD

Analogous

#C7FADA

#C7E6FA

#C7FAF4

Triadic

#C7FAF4

#F4C7FA

#FAF4C7

Split Complementary

#C7FAF4

#FAC7E6

#FADAC7

Tetradic

#C7FAF4

#DAC7FA

#FAC7CD

#E6FAC7

Color Blindness Simulation

Original

#C7FAF4

Protanopia

#DDDEF5

Deuteranopia

#DAD6F6

Tritanopia

#CAF7F7

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FAF7
200
#BDF9F2
300
#8FF5E9
400
#52F0DD
500
#15EAD1
600
#11BBA7
700
#0D9686
800
#0A7568
900
#0C554C
950
#083630

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.41:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026