#C7FAF5

#C7FAF5

Color Values

HEX

#C7FAF5

RGB

199, 250, 245

HSL

174.1, 83.6%, 88.0%

HSV

174.1, 20.4%, 98.0%

CMYK

20.4%, 0.0%, 2.0%, 2.0%

OKLCH

0.9486 0.0522 188.9

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C7FAF5

#FAC7CC

Analogous

#C7FADB

#C7E5FA

#C7FAF5

Triadic

#C7FAF5

#F5C7FA

#FAF5C7

Split Complementary

#C7FAF5

#FAC7E5

#FADBC7

Tetradic

#C7FAF5

#DBC7FA

#FAC7CC

#E5FAC7

Color Blindness Simulation

Original

#C7FAF5

Protanopia

#DDDEF6

Deuteranopia

#DAD6F6

Tritanopia

#CAF7F7

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF7
200
#BDF9F3
300
#8FF5EB
400
#52F0E0
500
#15EAD5
600
#11BBAB
700
#0D9688
800
#0A756B
900
#0C554E
950
#083631

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

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