#ADE5AE

#ADE5AE

Color Values

HEX

#ADE5AE

RGB

173, 229, 174

HSL

121.1, 51.9%, 78.8%

HSV

121.1, 24.5%, 89.8%

CMYK

24.5%, 0.0%, 24.0%, 10.2%

OKLCH

0.8691 0.0945 145.1

Properties

Cool Light Nearest: darkseagreen 2

Color Harmonies

Complementary

#ADE5AE

#E5ADE4

Analogous

#C8E5AD

#ADE5CA

#ADE5AE

Triadic

#ADE5AE

#AEADE5

#E5AEAD

Split Complementary

#ADE5AE

#CAADE5

#E5ADC8

Tetradic

#ADE5AE

#ADC8E5

#E5ADE4

#E5CAAD

Color Blindness Simulation

Original

#ADE5AE

Protanopia

#C5C6BB

Deuteranopia

#C2BEBE

Tritanopia

#B0C6C8

Achromatopsia

#D5D5D5

CSS Usage

background-color: #ADE5AE;
color: #ADE5AE;
border-color: #ADE5AE;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF4
100
#E5F5E6
200
#C9EEC9
300
#A2E2A3
400
#70D271
500
#3DC240
600
#319B33
700
#277C29
800
#1F6120
900
#1A471B
950
#102D11

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.6:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026