#C2FAD9

#C2FAD9

Color Values

HEX

#C2FAD9

RGB

194, 250, 217

HSL

144.6, 84.8%, 87.1%

HSV

144.6, 22.4%, 98.0%

CMYK

22.4%, 0.0%, 13.2%, 2.0%

OKLCH

0.9379 0.0722 158.8

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2FAD9

#FAC2E3

Analogous

#C7FAC2

#C2FAF5

#C2FAD9

Triadic

#C2FAD9

#D9C2FA

#FAD9C2

Split Complementary

#C2FAD9

#F5C2FA

#FAC2C7

Tetradic

#C2FAD9

#C2C7FA

#FAC2E3

#FAF5C2

Color Blindness Simulation

Original

#C2FAD9

Protanopia

#DADBE1

Deuteranopia

#D7D3E3

Tritanopia

#C5E7E9

Achromatopsia

#ECECEC

CSS Usage

background-color: #C2FAD9;
color: #C2FAD9;
border-color: #C2FAD9;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F2FDF6
100
#E0FAEB
200
#BDFAD6
300
#8EF6B8
400
#51F192
500
#13EC6C
600
#10BC56
700
#0C9745
800
#0A7636
900
#0B552A
950
#07361A

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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