#8AB764

#8AB764

Color Values

HEX

#8AB764

RGB

138, 183, 100

HSL

92.5, 36.6%, 55.5%

HSV

92.5, 45.4%, 71.8%

CMYK

24.6%, 0.0%, 45.4%, 28.2%

OKLCH

0.7277 0.1219 132.1

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#8AB764

#9164B7

Analogous

#B4B764

#64B767

#8AB764

Triadic

#8AB764

#648AB7

#B7648A

Split Complementary

#8AB764

#6764B7

#B764B4

Tetradic

#8AB764

#64B4B7

#9164B7

#B76764

Color Blindness Simulation

Original

#8AB764

Protanopia

#9D9E78

Deuteranopia

#9B987D

Tritanopia

#8C888B

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DAE8CE
300
#C0D8AB
400
#9EC37E
500
#7CAE51
600
#638B41
700
#4F6F34
800
#3E5728
900
#2F4020
950
#1E2915

Contrast Checker

Text on white

2.32:1

AA Fail AAA Fail

Text on black

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