#8ADE39

#8ADE39

Color Values

HEX

#8ADE39

RGB

138, 222, 57

HSL

90.5, 71.4%, 54.7%

HSV

90.5, 74.3%, 87.1%

CMYK

37.8%, 0.0%, 74.3%, 12.9%

OKLCH

0.8167 0.2083 133.2

Properties

Cool Light Nearest: chartreuse 3

Color Harmonies

Complementary

#8ADE39

#8D39DE

Analogous

#DDDE39

#39DE3A

#8ADE39

Triadic

#8ADE39

#398ADE

#DE398A

Split Complementary

#8ADE39

#3A39DE

#DE39DD

Tetradic

#8ADE39

#39DDDE

#8D39DE

#DE3A39

Color Blindness Simulation

Original

#8ADE39

Protanopia

#AEAF61

Deuteranopia

#AAA36A

Tritanopia

#8E8087

Achromatopsia

#C0C0C0

CSS Usage

background-color: #8ADE39;
color: #8ADE39;
border-color: #8ADE39;
Nearest Tailwind: Lime 500 #84CC16

Tailwind Shades

50
#F7FCF3
100
#EDF8E2
200
#DBF5C2
300
#C1ED96
400
#A0E45D
500
#7EDB24
600
#65AF1D
700
#518C17
800
#3F6D12
900
#305011
950
#1E320B

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

12.59:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026