#C2EF9C

#C2EF9C

Color Values

HEX

#C2EF9C

RGB

194, 239, 156

HSL

92.5, 72.2%, 77.5%

HSV

92.5, 34.7%, 93.7%

CMYK

18.8%, 0.0%, 34.7%, 6.3%

OKLCH

0.9009 0.118 131.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C2EF9C

#C99CEF

Analogous

#ECEF9C

#9CEFA0

#C2EF9C

Triadic

#C2EF9C

#9CC2EF

#EF9CC2

Split Complementary

#C2EF9C

#A09CEF

#EF9CEC

Tetradic

#C2EF9C

#9CECEF

#C99CEF

#EFA09C

Color Blindness Simulation

Original

#C2EF9C

Protanopia

#D5D6B0

Deuteranopia

#D3D0B5

Tritanopia

#C4C0C3

Achromatopsia

#DFDFDF

CSS Usage

background-color: #C2EF9C;
color: #C2EF9C;
border-color: #C2EF9C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FCF3
100
#ECF8E2
200
#D9F5C2
300
#BEEE96
400
#9BE55D
500
#78DC23
600
#60B01C
700
#4D8D17
800
#3C6E12
900
#2E5011
950
#1D320B

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

16.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