#7B8613

#7B8613

Color Values

HEX

#7B8613

RGB

123, 134, 19

HSL

65.7, 75.2%, 30.0%

HSV

65.7, 85.8%, 52.5%

CMYK

8.2%, 0.0%, 85.8%, 47.5%

OKLCH

0.5912 0.1287 115.5

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#7B8613

#1E1386

Analogous

#865713

#428613

#7B8613

Triadic

#7B8613

#137B86

#86137B

Split Complementary

#7B8613

#134286

#571386

Tetradic

#7B8613

#138657

#1E1386

#861342

Color Blindness Simulation

Original

#7B8613

Protanopia

#80802F

Deuteranopia

#7F7E35

Tritanopia

#7C454A

Achromatopsia

#7B7B7B

CSS Usage

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

Tailwind Shades

50
#FBFCF2
100
#F6F9E2
200
#F1F6C0
300
#E7F094
400
#DAE85A
500
#CDDF20
600
#A4B319
700
#838F14
800
#677010
900
#4B5110
950
#2F330A

Contrast Checker

Text on white

3.99:1

AA Fail AAA Fail

Text on black

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