#C2FADD

#C2FADD

Color Values

HEX

#C2FADD

RGB

194, 250, 221

HSL

148.9, 84.8%, 87.1%

HSV

148.9, 22.4%, 98.0%

CMYK

22.4%, 0.0%, 11.6%, 2.0%

OKLCH

0.939 0.069 162.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2FADD

#FAC2DF

Analogous

#C3FAC2

#C2FAF9

#C2FADD

Triadic

#C2FADD

#DDC2FA

#FADDC2

Split Complementary

#C2FADD

#F9C2FA

#FAC2C3

Tetradic

#C2FADD

#C2C3FA

#FAC2DF

#FAF9C2

Color Blindness Simulation

Original

#C2FADD

Protanopia

#DADBE4

Deuteranopia

#D7D3E6

Tritanopia

#C5EAEB

Achromatopsia

#ECECEC

CSS Usage

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

Tailwind Shades

50
#F2FDF7
100
#E0FAED
200
#BDFADA
300
#8EF6C0
400
#51F19E
500
#13EC7C
600
#10BC63
700
#0C974F
800
#0A763E
900
#0B552F
950
#07361E

Contrast Checker

Text on white

1.17:1

AA Fail AAA Fail

Text on black

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