#C2FAE3

#C2FAE3

Color Values

HEX

#C2FAE3

RGB

194, 250, 227

HSL

155.4, 84.8%, 87.1%

HSV

155.4, 22.4%, 98.0%

CMYK

22.4%, 0.0%, 9.2%, 2.0%

OKLCH

0.9405 0.0647 167.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2FAE3

#FAC2D9

Analogous

#C2FAC7

#C2F5FA

#C2FAE3

Triadic

#C2FAE3

#E3C2FA

#FAE3C2

Split Complementary

#C2FAE3

#FAC2F5

#FAC7C2

Tetradic

#C2FAE3

#C7C2FA

#FAC2D9

#F5FAC2

Color Blindness Simulation

Original

#C2FAE3

Protanopia

#DADBE9

Deuteranopia

#D7D3EA

Tritanopia

#C5EDEE

Achromatopsia

#ECECEC

CSS Usage

background-color: #C2FAE3;
color: #C2FAE3;
border-color: #C2FAE3;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F2FDF8
100
#E0FAEF
200
#BDFAE1
300
#8EF6CB
400
#51F1AF
500
#13EC93
600
#10BC76
700
#0C975E
800
#0A7649
900
#0B5537
950
#073623

Contrast Checker

Text on white

1.16:1

AA Fail AAA Fail

Text on black

18.08:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026