#ADE58C

#ADE58C

Color Values

HEX

#ADE58C

RGB

173, 229, 140

HSL

97,8, 63,1%, 72,4%

HSV

97,8, 38,9%, 89,8%

CMYK

24,5%, 0,0%, 38,9%, 10,2%

OKLCH

0,8625 0,1307 134,6

Properties

Cool Light Nearest: NCS S 0530-G10Y Spring Green

Color Harmonies

Complementary

#ADE58C

#C48CE5

Analogous

#D9E58C

#8CE598

#ADE58C

Triadic

#ADE58C

#8CADE5

#E58CAD

Split Complementary

#ADE58C

#988CE5

#E58CD9

Tetradic

#ADE58C

#8CD9E5

#C48CE5

#E5988C

Color Blindness Simulation

Original

#ADE58C

Protanopia

#C5C6A2

Deuteranopia

#C2BEA7

Tritanopia

#B0B3B6

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F6FBF3
100
#EBF7E4
200
#D5F2C5
300
#B8E89B
400
#91DC65
500
#6BD02F
600
#55A626
700
#44851E
800
#356818
900
#294C15
950
#1A300D

Contrast Checker

Text on white

1,46:1

AA Fail AAA Fail

Text on black

14,36:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Ene 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Ene 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Ene 15, 2026