#8ADE63

#8ADE63

Color Values

HEX

#8ADE63

RGB

138, 222, 99

HSL

101.0, 65.1%, 62.9%

HSV

101.0, 55.4%, 87.1%

CMYK

37.8%, 0.0%, 55.4%, 12.9%

OKLCH

0.8205 0.1785 136.8

Properties

Cool Light Nearest: NCS S 0530-G40Y Chartreuse

Color Harmonies

Complementary

#8ADE63

#B763DE

Analogous

#C7DE63

#63DE79

#8ADE63

Triadic

#8ADE63

#638ADE

#DE638A

Split Complementary

#8ADE63

#7963DE

#DE63C7

Tetradic

#8ADE63

#63C7DE

#B763DE

#DE7963

Color Blindness Simulation

Original

#8ADE63

Protanopia

#AEAF81

Deuteranopia

#AAA388

Tritanopia

#8E989D

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6FCF3
100
#EAF7E3
200
#D3F3C4
300
#B3EA9A
400
#8ADE63
500
#61D32C
600
#4EA824
700
#3E871C
800
#316916
900
#264D14
950
#18310D

Contrast Checker

Text on white

1.65:1

AA Fail AAA Fail

Text on black

12.71:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

ก.พ. 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

ก.พ. 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

ก.พ. 20, 2026