#C2F8FA

#C2F8FA

Color Values

HEX

#C2F8FA

RGB

194, 248, 250

HSL

182.1, 84.8%, 87.1%

HSV

182.1, 22.4%, 98.0%

CMYK

22.4%, 0.8%, 0.0%, 2.0%

OKLCH

0.9429 0.0547 199.1

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C2F8FA

#FAC4C2

Analogous

#C2FAE0

#C2DCFA

#C2F8FA

Triadic

#C2F8FA

#FAC2F8

#F8FAC2

Split Complementary

#C2F8FA

#FAC2DC

#FAE0C2

Tetradic

#C2F8FA

#E0C2FA

#FAC4C2

#DCFAC2

Color Blindness Simulation

Original

#C2F8FA

Protanopia

#D9DAFA

Deuteranopia

#D6D2F9

Tritanopia

#C5F9F9

Achromatopsia

#EDEDED

CSS Usage

background-color: #C2F8FA;
color: #C2F8FA;
border-color: #C2F8FA;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FCFD
100
#E0F9FA
200
#BDF7FA
300
#8EF2F6
400
#51EBF1
500
#13E4EC
600
#10B6BC
700
#0C9297
800
#0A7276
900
#0B5355
950
#073436

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

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