#A7D375

#A7D375

Color Values

HEX

#A7D375

RGB

167, 211, 117

HSL

88.1, 51.6%, 64.3%

HSV

88.1, 44.5%, 82.7%

CMYK

20.9%, 0.0%, 44.5%, 17.3%

OKLCH

0.8142 0.1312 129.5

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#A7D375

#A175D3

Analogous

#D3D075

#78D375

#A7D375

Triadic

#A7D375

#75A7D3

#D375A7

Split Complementary

#A7D375

#7578D3

#D075D3

Tetradic

#A7D375

#75D3D0

#A175D3

#D37578

Color Blindness Simulation

Original

#A7D375

Protanopia

#BABA8C

Deuteranopia

#B8B491

Tritanopia

#A99EA2

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E5
200
#DCEEC9
300
#C4E1A2
400
#A4D170
500
#84C13E
600
#699B31
700
#547C27
800
#42611F
900
#32471A
950
#202D10

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026