#C2F3F0

#C2F3F0

Color Values

HEX

#C2F3F0

RGB

194, 243, 240

HSL

176.3, 67.1%, 85.7%

HSV

176.3, 20.2%, 95.3%

CMYK

20.2%, 0.0%, 1.2%, 4.7%

OKLCH

0.9294 0.0502 191.7

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#C2F3F0

#F3C2C5

Analogous

#C2F3D8

#C2DEF3

#C2F3F0

Triadic

#C2F3F0

#F0C2F3

#F3F0C2

Split Complementary

#C2F3F0

#F3C2DE

#F3D8C2

Tetradic

#C2F3F0

#D8C2F3

#F3C2C5

#DEF3C2

Color Blindness Simulation

Original

#C2F3F0

Protanopia

#D7D8F1

Deuteranopia

#D4D1F1

Tritanopia

#C4F1F1

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F3FCFB
100
#E3F7F6
200
#C3F3F0
300
#99EBE6
400
#61E0D8
500
#2AD5CB
600
#22AAA2
700
#1B8882
800
#156B65
900
#134E4A
950
#0C312F

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.37:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026