#C2F4CD

#C2F4CD

Color Values

HEX

#C2F4CD

RGB

194, 244, 205

HSL

133,2, 69,4%, 85,9%

HSV

133,2, 20,5%, 95,7%

CMYK

20,5%, 0,0%, 16,0%, 4,3%

OKLCH

0,9221 0,0735 151,4

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2F4CD

#F4C2E9

Analogous

#D0F4C2

#C2F4E6

#C2F4CD

Triadic

#C2F4CD

#CDC2F4

#F4CDC2

Split Complementary

#C2F4CD

#E6C2F4

#F4C2D0

Tetradic

#C2F4CD

#C2D0F4

#F4C2E9

#F4E6C2

Color Blindness Simulation

Original

#C2F4CD

Protanopia

#D8D8D6

Deuteranopia

#D5D1D9

Tritanopia

#C4DEE0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E3F8E7
200
#C3F4CD
300
#97ECAA
400
#5FE27C
500
#27D84E
600
#1FAD3E
700
#198A32
800
#146C27
900
#124F20
950
#0B3214

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

17,12: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