#95E348

#95E348

Color Values

HEX

#95E348

RGB

149, 227, 72

HSL

90.2, 73.5%, 58.6%

HSV

90.2, 68.3%, 89.0%

CMYK

34.4%, 0.0%, 68.3%, 11.0%

OKLCH

0.8356 0.1999 132.4

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#95E348

#9648E3

Analogous

#E3E348

#48E348

#95E348

Triadic

#95E348

#4895E3

#E34895

Split Complementary

#95E348

#4848E3

#E348E3

Tetradic

#95E348

#48E3E3

#9648E3

#E34848

Color Blindness Simulation

Original

#95E348

Protanopia

#B7B76D

Deuteranopia

#B2AC76

Tritanopia

#998B92

Achromatopsia

#C7C7C7

CSS Usage

background-color: #95E348;
color: #95E348;
border-color: #95E348;
Nearest Tailwind: Lime 400 #A3E635

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DBF6C1
300
#C2EF95
400
#A0E65B
500
#7FDD22
600
#66B11B
700
#518E16
800
#3F6F11
900
#305010
950
#1E330A

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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