#95C578

#95C578

Color Values

HEX

#95C578

RGB

149, 197, 120

HSL

97.4, 39.9%, 62.2%

HSV

97.4, 39.1%, 77.3%

CMYK

24.4%, 0.0%, 39.1%, 22.7%

OKLCH

0.7708 0.1161 134.4

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#95C578

#A878C5

Analogous

#BCC578

#78C582

#95C578

Triadic

#95C578

#7895C5

#C57895

Split Complementary

#95C578

#8278C5

#C578BC

Tetradic

#95C578

#78BCC5

#A878C5

#C58278

Color Blindness Simulation

Original

#95C578

Protanopia

#AAAA8B

Deuteranopia

#A7A38F

Tritanopia

#97999D

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#ECF3E7
200
#D8EACD
300
#BCDAA9
400
#97C67B
500
#73B24D
600
#5C8F3D
700
#4A7231
800
#395926
900
#2C421F
950
#1C2A14

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

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