#A7CB72

#A7CB72

Color Values

HEX

#A7CB72

RGB

167, 203, 114

HSL

84.3, 46.1%, 62.2%

HSV

84.3, 43.8%, 79.6%

CMYK

17.7%, 0.0%, 43.8%, 20.4%

OKLCH

0.7956 0.1227 127.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#A7CB72

#9672CB

Analogous

#CBC372

#7BCB72

#A7CB72

Triadic

#A7CB72

#72A7CB

#CB72A7

Split Complementary

#A7CB72

#727BCB

#C372CB

Tetradic

#A7CB72

#72CBC3

#9672CB

#CB727B

Color Blindness Simulation

Original

#A7CB72

Protanopia

#B7B788

Deuteranopia

#B4B28D

Tritanopia

#A9999C

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8FAF4
100
#EEF4E6
200
#DEECCB
300
#C7DEA6
400
#A9CC75
500
#8BBA45
600
#6F9537
700
#59772C
800
#455D22
900
#34451C
950
#212B12

Contrast Checker

Text on white

1.84:1

AA Fail AAA Fail

Text on black

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