#C2FBF2

#C2FBF2

Color Values

HEX

#C2FBF2

RGB

194, 251, 242

HSL

170.5, 87.7%, 87.3%

HSV

170.5, 22.7%, 98.4%

CMYK

22.7%, 0.0%, 3.6%, 1.6%

OKLCH

0.9468 0.0587 184.4

Properties

Cool Light Nearest: paleturquoise 1

Color Harmonies

Complementary

#C2FBF2

#FBC2CB

Analogous

#C2FBD6

#C2E8FB

#C2FBF2

Triadic

#C2FBF2

#F2C2FB

#FBF2C2

Split Complementary

#C2FBF2

#FBC2E8

#FBD6C2

Tetradic

#C2FBF2

#D6C2FB

#FBC2CB

#E8FBC2

Color Blindness Simulation

Original

#C2FBF2

Protanopia

#DBDBF4

Deuteranopia

#D7D3F5

Tritanopia

#C5F6F6

Achromatopsia

#EEEEEE

CSS Usage

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

Tailwind Shades

50
#F2FDFB
100
#E0FAF6
200
#BCFBF1
300
#8CF7E6
400
#4EF3D9
500
#10EFCC
600
#0DBFA3
700
#0A9983
800
#087866
900
#0A574B
950
#06372F

Contrast Checker

Text on white

1.14:1

AA Fail AAA Fail

Text on black

18.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