#A3D286

#A3D286

Color Values

HEX

#A3D286

RGB

163, 210, 134

HSL

97.1, 45.8%, 67.5%

HSV

97.1, 36.2%, 82.4%

CMYK

22.4%, 0.0%, 36.2%, 17.6%

OKLCH

0.8121 0.1135 134.2

Properties

Cool Light Nearest: Granny Smith Apple

Color Harmonies

Complementary

#A3D286

#B586D2

Analogous

#C9D286

#86D28F

#A3D286

Triadic

#A3D286

#86A3D2

#D286A3

Split Complementary

#A3D286

#8F86D2

#D286C9

Tetradic

#A3D286

#86C9D2

#B586D2

#D28F86

Color Blindness Simulation

Original

#A3D286

Protanopia

#B7B898

Deuteranopia

#B5B19D

Tritanopia

#A5A7AA

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F7FAF4
100
#ECF4E6
200
#D7ECCB
300
#BBDEA6
400
#96CC75
500
#72BA45
600
#5B9537
700
#49772C
800
#395D23
900
#2C441C
950
#1C2B12

Contrast Checker

Text on white

1.73:1

AA Fail AAA Fail

Text on black

12.12:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026