#A7CF71

#A7CF71

Color Values

HEX

#A7CF71

RGB

167, 207, 113

HSL

85.5, 49.5%, 62.7%

HSV

85.5, 45.4%, 81.2%

CMYK

19.3%, 0.0%, 45.4%, 18.8%

OKLCH

0.8045 0.1296 127.9

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#A7CF71

#9971CF

Analogous

#CFC871

#78CF71

#A7CF71

Triadic

#A7CF71

#71A7CF

#CF71A7

Split Complementary

#A7CF71

#7178CF

#C871CF

Tetradic

#A7CF71

#71CFC8

#9971CF

#CF7178

Color Blindness Simulation

Original

#A7CF71

Protanopia

#B8B988

Deuteranopia

#B6B38D

Tritanopia

#A99A9E

Achromatopsia

#C0C0C0

CSS Usage

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

Tailwind Shades

50
#F8FBF4
100
#EEF5E6
200
#DEEDCA
300
#C6E0A4
400
#A8CF72
500
#89BF40
600
#6E9834
700
#587A29
800
#445F20
900
#34461B
950
#212C11

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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