#A3D082

#A3D082

Color Values

HEX

#A3D082

RGB

163, 208, 130

HSL

94.6, 45.3%, 66.3%

HSV

94.6, 37.5%, 81.6%

CMYK

21.6%, 0.0%, 37.5%, 18.4%

OKLCH

0.8069 0.1148 132.8

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#A3D082

#AF82D0

Analogous

#CAD082

#82D088

#A3D082

Triadic

#A3D082

#82A3D0

#D082A3

Split Complementary

#A3D082

#8882D0

#D082CA

Tetradic

#A3D082

#82CAD0

#AF82D0

#D08882

Color Blindness Simulation

Original

#A3D082

Protanopia

#B6B795

Deuteranopia

#B4B099

Tritanopia

#A5A4A7

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D9EBCB
300
#BEDEA6
400
#9ACB76
500
#77B946
600
#5F9438
700
#4C772D
800
#3B5D23
900
#2D441D
950
#1D2B12

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

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