#C8F9F2

#C8F9F2

Color Values

HEX

#C8F9F2

RGB

200, 249, 242

HSL

171.4, 80.3%, 88.0%

HSV

171.4, 19.7%, 97.6%

CMYK

19.7%, 0.0%, 2.8%, 2.4%

OKLCH

0.9463 0.0508 185.7

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C8F9F2

#F9C8CF

Analogous

#C8F9D9

#C8E7F9

#C8F9F2

Triadic

#C8F9F2

#F2C8F9

#F9F2C8

Split Complementary

#C8F9F2

#F9C8E7

#F9D9C8

Tetradic

#C8F9F2

#D9C8F9

#F9C8CF

#E7F9C8

Color Blindness Simulation

Original

#C8F9F2

Protanopia

#DDDEF4

Deuteranopia

#DAD7F4

Tritanopia

#CAF5F5

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E1F9F6
200
#BFF8F0
300
#91F3E5
400
#55ECD7
500
#19E6C9
600
#14B8A0
700
#109380
800
#0D7364
900
#0D5349
950
#08352E

Contrast Checker

Text on white

1.15:1

AA Fail AAA Fail

Text on black

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