#C2F18C

#C2F18C

Color Values

HEX

#C2F18C

RGB

194, 241, 140

HSL

87.9, 78.3%, 74.7%

HSV

87.9, 41.9%, 94.5%

CMYK

19.5%, 0.0%, 41.9%, 5.5%

OKLCH

0.9026 0.138 129.2

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C2F18C

#BB8CF1

Analogous

#F1ED8C

#90F18C

#C2F18C

Triadic

#C2F18C

#8CC2F1

#F18CC2

Split Complementary

#C2F18C

#8C90F1

#ED8CF1

Tetradic

#C2F18C

#8CF1ED

#BB8CF1

#F18C90

Color Blindness Simulation

Original

#C2F18C

Protanopia

#D6D7A4

Deuteranopia

#D4D0AA

Tritanopia

#C4B8BC

Achromatopsia

#E0E0E0

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E1
200
#DDF7BF
300
#C5F292
400
#A6EB57
500
#86E31C
600
#6CB616
700
#569112
800
#43720E
900
#33530E
950
#203409

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

16.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026