#ADEA68

#ADEA68

Color Values

HEX

#ADEA68

RGB

173, 234, 104

HSL

88.2, 75.6%, 66.3%

HSV

88.2, 55.6%, 91.8%

CMYK

26.1%, 0.0%, 55.6%, 8.2%

OKLCH

0.8688 0.1727 130.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#ADEA68

#A568EA

Analogous

#EAE668

#6CEA68

#ADEA68

Triadic

#ADEA68

#68ADEA

#EA68AD

Split Complementary

#ADEA68

#686CEA

#E668EA

Tetradic

#ADEA68

#68EAE6

#A568EA

#EA686C

Color Blindness Simulation

Original

#ADEA68

Protanopia

#C7C887

Deuteranopia

#C4BF8F

Tritanopia

#B0A0A6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DDF6C0
300
#C5F094
400
#A5E859
500
#85E01F
600
#6BB319
700
#558F14
800
#437010
900
#32510F
950
#20330A

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

14.75:1

AA Pass AAA Pass

Related Articles

Tutorials

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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026