#7F8220

#7F8220

Color Values

HEX

#7F8220

RGB

127, 130, 32

HSL

61.8, 60.5%, 31.8%

HSV

61.8, 75.4%, 51.0%

CMYK

2.3%, 0.0%, 75.4%, 49.0%

OKLCH

0.5858 0.1165 111.3

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#7F8220

#232082

Analogous

#825420

#4E8220

#7F8220

Triadic

#7F8220

#207F82

#82207F

Split Complementary

#7F8220

#204E82

#542082

Tetradic

#7F8220

#208254

#232082

#82204E

Color Blindness Simulation

Original

#7F8220

Protanopia

#808038

Deuteranopia

#80803D

Tritanopia

#7F4A4F

Achromatopsia

#7A7A7A

CSS Usage

background-color: #7F8220;
color: #7F8220;
border-color: #7F8220;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F0F1C6
300
#E5E79D
400
#D6DA68
500
#C8CD32
600
#A0A428
700
#808320
800
#646619
900
#494B16
950
#2E2F0E

Contrast Checker

Text on white

4.1:1

AA Fail AAA Fail

Text on black

5.12:1

AA Pass AAA Fail

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