#C0FAF5

#C0FAF5

Color Values

HEX

#C0FAF5

RGB

192, 250, 245

HSL

174.8, 85.3%, 86.7%

HSV

174.8, 23.2%, 98.0%

CMYK

23.2%, 0.0%, 2.0%, 2.0%

OKLCH

0.9444 0.0588 189.6

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C0FAF5

#FAC0C5

Analogous

#C0FAD8

#C0E2FA

#C0FAF5

Triadic

#C0FAF5

#F5C0FA

#FAF5C0

Split Complementary

#C0FAF5

#FAC0E2

#FAD8C0

Tetradic

#C0FAF5

#D8C0FA

#FAC0C5

#E2FAC0

Color Blindness Simulation

Original

#C0FAF5

Protanopia

#D9DAF6

Deuteranopia

#D6D1F6

Tritanopia

#C3F7F7

Achromatopsia

#EDEDED

CSS Usage

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

Tailwind Shades

50
#F2FDFC
100
#E0FAF8
200
#BDFAF4
300
#8EF6ED
400
#50F1E3
500
#13ECD9
600
#0FBDAE
700
#0C978B
800
#09766D
900
#0B564F
950
#073632

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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