#C2F5D7

#C2F5D7

Color Values

HEX

#C2F5D7

RGB

194, 245, 215

HSL

144.7, 71.8%, 86.1%

HSV

144.7, 20.8%, 96.1%

CMYK

20.8%, 0.0%, 12.2%, 3.9%

OKLCH

0.9267 0.0661 159.0

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2F5D7

#F5C2E0

Analogous

#C7F5C2

#C2F5F1

#C2F5D7

Triadic

#C2F5D7

#D7C2F5

#F5D7C2

Split Complementary

#C2F5D7

#F1C2F5

#F5C2C7

Tetradic

#C2F5D7

#C2C7F5

#F5C2E0

#F5F1C2

Color Blindness Simulation

Original

#C2F5D7

Protanopia

#D8D9DE

Deuteranopia

#D5D1E0

Tritanopia

#C5E4E5

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F3FCF7
100
#E2F8EB
200
#C2F5D7
300
#96EEBA
400
#5DE495
500
#24DB6F
600
#1DAF59
700
#178C47
800
#126E38
900
#11502B
950
#0B321B

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.34:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026