#A7CF56

#A7CF56

Color Values

HEX

#A7CF56

RGB

167, 207, 86

HSL

79,8, 55,8%, 57,5%

HSV

79,8, 58,5%, 81,2%

CMYK

19,3%, 0,0%, 58,5%, 18,8%

OKLCH

0,8011 0,1552 125,2

Properties

Cool Light Nearest: darkolivegreen 3

Color Harmonies

Complementary

#A7CF56

#7E56CF

Analogous

#CFBB56

#6BCF56

#A7CF56

Triadic

#A7CF56

#56A7CF

#CF56A7

Split Complementary

#A7CF56

#566BCF

#BB56CF

Tetradic

#A7CF56

#56CFBB

#7E56CF

#CF566B

Color Blindness Simulation

Original

#A7CF56

Protanopia

#B8B973

Deuteranopia

#B6B37A

Tritanopia

#A98A8F

Achromatopsia

#BEBEBE

CSS Usage

background-color: #A7CF56;
color: #A7CF56;
border-color: #A7CF56;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FBF4
100
#F0F6E5
200
#E2EFC7
300
#CDE4A0
400
#B3D56C
500
#98C738
600
#799F2D
700
#617F24
800
#4C631C
900
#394918
950
#242E0F

Contrast Checker

Text on white

1,79:1

AA Fail AAA Fail

Text on black

11,7: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