#8AE45D

#8AE45D

Color Values

HEX

#8AE45D

RGB

138, 228, 93

HSL

100.0, 71.4%, 62.9%

HSV

100.0, 59.2%, 89.4%

CMYK

39.5%, 0.0%, 59.2%, 10.6%

OKLCH

0.8342 0.1914 136.6

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#8AE45D

#B75DE4

Analogous

#CDE45D

#5DE473

#8AE45D

Triadic

#8AE45D

#5D8AE4

#E45D8A

Split Complementary

#8AE45D

#735DE4

#E45DCD

Tetradic

#8AE45D

#5DCDE4

#B75DE4

#E4735D

Color Blindness Simulation

Original

#8AE45D

Protanopia

#B1B27E

Deuteranopia

#ACA586

Tritanopia

#8E979D

Achromatopsia

#C7C7C7

CSS Usage

background-color: #8AE45D;
color: #8AE45D;
border-color: #8AE45D;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F6FCF3
100
#EAF8E2
200
#D3F5C2
300
#B3ED96
400
#8AE45D
500
#61DB24
600
#4EAF1D
700
#3E8C17
800
#316D12
900
#265011
950
#18320B

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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