#C3F182

#C3F182

Color Values

HEX

#C3F182

RGB

195, 241, 130

HSL

84.9, 79.9%, 72.7%

HSV

84.9, 46.1%, 94.5%

CMYK

19.1%, 0.0%, 46.1%, 5.5%

OKLCH

0.9018 0.1478 127.6

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#C3F182

#B082F1

Analogous

#F1E882

#8BF182

#C3F182

Triadic

#C3F182

#82C3F1

#F182C3

Split Complementary

#C3F182

#828BF1

#E882F1

Tetradic

#C3F182

#82F1E8

#B082F1

#F1828B

Color Blindness Simulation

Original

#C3F182

Protanopia

#D7D79D

Deuteranopia

#D4D1A3

Tritanopia

#C5B2B7

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFF9E1
200
#E0F8BF
300
#CAF391
400
#ADEC55
500
#91E51A
600
#74B715
700
#5D9310
800
#48730D
900
#36530E
950
#223509

Contrast Checker

Text on white

1.29:1

AA Fail AAA Fail

Text on black

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