#7B8724

#7B8724

Color Values

HEX

#7B8724

RGB

123, 135, 36

HSL

67.3, 57.9%, 33.5%

HSV

67.3, 73.3%, 52.9%

CMYK

8.9%, 0.0%, 73.3%, 47.1%

OKLCH

0.5945 0.1209 116.2

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#7B8724

#302487

Analogous

#876124

#498724

#7B8724

Triadic

#7B8724

#247B87

#87247B

Split Complementary

#7B8724

#244987

#612487

Tetradic

#7B8724

#248761

#302487

#872449

Color Blindness Simulation

Original

#7B8724

Protanopia

#80803C

Deuteranopia

#807F42

Tritanopia

#7C4F53

Achromatopsia

#7D7D7D

CSS Usage

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

Tailwind Shades

50
#FAFBF4
100
#F4F6E4
200
#EBF0C7
300
#DDE59E
400
#CAD76A
500
#B7C936
600
#93A12B
700
#758122
800
#5C651B
900
#444A17
950
#2B2F0F

Contrast Checker

Text on white

3.94:1

AA Fail AAA Fail

Text on black

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