#ADDB78

#ADDB78

Color Values

HEX

#ADDB78

RGB

173, 219, 120

HSL

87.9, 57.9%, 66.5%

HSV

87.9, 45.2%, 85.9%

CMYK

21.0%, 0.0%, 45.2%, 14.1%

OKLCH

0.8367 0.1368 129.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ADDB78

#A678DB

Analogous

#DBD878

#7CDB78

#ADDB78

Triadic

#ADDB78

#78ADDB

#DB78AD

Split Complementary

#ADDB78

#787CDB

#D878DB

Tetradic

#ADDB78

#78DBD8

#A678DB

#DB787C

Color Blindness Simulation

Original

#ADDB78

Protanopia

#C1C190

Deuteranopia

#BEBB96

Tritanopia

#AFA3A7

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF6E4
200
#DDF0C7
300
#C4E59E
400
#A4D76A
500
#85C936
600
#6AA12B
700
#558122
800
#42651B
900
#324A17
950
#202F0F

Contrast Checker

Text on white

1.59:1

AA Fail AAA Fail

Text on black

13.18: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