#C2F4CE

#C2F4CE

Color Values

HEX

#C2F4CE

RGB

194, 244, 206

HSL

134,4, 69,4%, 85,9%

HSV

134,4, 20,5%, 95,7%

CMYK

20,5%, 0,0%, 15,6%, 4,3%

OKLCH

0,9223 0,0726 152,1

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#C2F4CE

#F4C2E8

Analogous

#CFF4C2

#C2F4E7

#C2F4CE

Triadic

#C2F4CE

#CEC2F4

#F4CEC2

Split Complementary

#C2F4CE

#E7C2F4

#F4C2CF

Tetradic

#C2F4CE

#C2CFF4

#F4C2E8

#F4E7C2

Color Blindness Simulation

Original

#C2F4CE

Protanopia

#D8D8D7

Deuteranopia

#D5D1D9

Tritanopia

#C4DEE0

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F3FCF5
100
#E3F8E8
200
#C3F4CE
300
#97ECAC
400
#5FE27F
500
#27D851
600
#1FAD41
700
#198A34
800
#146C29
900
#124F21
950
#0B3215

Contrast Checker

Text on white

1,23:1

AA Fail AAA Fail

Text on black

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