#C0FDF5

#C0FDF5

Color Values

HEX

#C0FDF5

RGB

192, 253, 245

HSL

172.1, 93.8%, 87.3%

HSV

172.1, 24.1%, 99.2%

CMYK

24.1%, 0.0%, 3.2%, 0.8%

OKLCH

0.9508 0.0621 186.2

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C0FDF5

#FDC0C8

Analogous

#C0FDD7

#C0E7FD

#C0FDF5

Triadic

#C0FDF5

#F5C0FD

#FDF5C0

Split Complementary

#C0FDF5

#FDC0E7

#FDD7C0

Tetradic

#C0FDF5

#D7C0FD

#FDC0C8

#E7FDC0

Color Blindness Simulation

Original

#C0FDF5

Protanopia

#DADBF7

Deuteranopia

#D7D2F7

Tritanopia

#C3F8F9

Achromatopsia

#EFEFEF

CSS Usage

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

Tailwind Shades

50
#F1FDFC
100
#DFFBF8
200
#BAFDF4
300
#88FBEC
400
#48F9E2
500
#08F7D8
600
#06C6AC
700
#059E8A
800
#047C6C
900
#08594F
950
#053832

Contrast Checker

Text on white

1.13:1

AA Fail AAA Fail

Text on black

18.61:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

1월 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

1월 21, 2026
Tutorials

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

1월 18, 2026