#C2F384

#C2F384

Color Values

HEX

#C2F384

RGB

194, 243, 132

HSL

86,5, 82,2%, 73,5%

HSV

86,5, 45,7%, 95,3%

CMYK

20,2%, 0,0%, 45,7%, 4,7%

OKLCH

0,9059 0,149 128,6

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#C2F384

#B584F3

Analogous

#F3EC84

#8AF384

#C2F384

Triadic

#C2F384

#84C2F3

#F384C2

Split Complementary

#C2F384

#848AF3

#EC84F3

Tetradic

#C2F384

#84F3EC

#B584F3

#F3848A

Color Blindness Simulation

Original

#C2F384

Protanopia

#D7D89F

Deuteranopia

#D4D1A5

Tritanopia

#C4B4B9

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F8FDF2
100
#EFFAE1
200
#DFF9BE
300
#C8F48F
400
#AAEE53
500
#8CE817
600
#70BA12
700
#59950F
800
#46740B
900
#35540D
950
#213508

Contrast Checker

Text on white

1,28:1

AA Fail AAA Fail

Text on black

16,45: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