#C3F6F3

#C3F6F3

Color Values

HEX

#C3F6F3

RGB

195, 246, 243

HSL

176.5, 73.9%, 86.5%

HSV

176.5, 20.7%, 96.5%

CMYK

20.7%, 0.0%, 1.2%, 3.5%

OKLCH

0.9372 0.052 191.8

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#C3F6F3

#F6C3C6

Analogous

#C3F6DA

#C3E0F6

#C3F6F3

Triadic

#C3F6F3

#F3C3F6

#F6F3C3

Split Complementary

#C3F6F3

#F6C3E0

#F6DAC3

Tetradic

#C3F6F3

#DAC3F6

#F6C3C6

#E0F6C3

Color Blindness Simulation

Original

#C3F6F3

Protanopia

#D9DAF4

Deuteranopia

#D6D2F4

Tritanopia

#C6F4F4

Achromatopsia

#EBEBEB

CSS Usage

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

Tailwind Shades

50
#F3FCFC
100
#E2F8F7
200
#C1F6F3
300
#95EFEA
400
#5BE6DE
500
#21DED3
600
#1BB1A9
700
#158E87
800
#116F69
900
#10514D
950
#0A3331

Contrast Checker

Text on white

1.18:1

AA Fail AAA Fail

Text on black

17.8:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026