#C2F0D4

#C2F0D4

Color Values

HEX

#C2F0D4

RGB

194, 240, 212

HSL

143.5, 60.5%, 85.1%

HSV

143.5, 19.2%, 94.1%

CMYK

19.2%, 0.0%, 11.7%, 5.9%

OKLCH

0.9153 0.0608 158.2

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2F0D4

#F0C2DE

Analogous

#C7F0C2

#C2F0EB

#C2F0D4

Triadic

#C2F0D4

#D4C2F0

#F0D4C2

Split Complementary

#C2F0D4

#EBC2F0

#F0C2C7

Tetradic

#C2F0D4

#C2C7F0

#F0C2DE

#F0EBC2

Color Blindness Simulation

Original

#C2F0D4

Protanopia

#D6D6DB

Deuteranopia

#D3D0DC

Tritanopia

#C4E0E1

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F3FBF6
100
#E4F6EB
200
#C6F1D7
300
#9DE7BA
400
#68DA94
500
#32CD6F
600
#28A459
700
#208347
800
#196637
900
#164B2B
950
#0E2F1B

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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