#76840F

#76840F

Color Values

HEX

#76840F

RGB

118, 132, 15

HSL

67.2, 79.6%, 28.8%

HSV

67.2, 88.6%, 51.8%

CMYK

10.6%, 0.0%, 88.6%, 48.2%

OKLCH

0.582 0.1298 117.1

Properties

Cool Light Nearest: olive

Color Harmonies

Complementary

#76840F

#1D0F84

Analogous

#84570F

#3B840F

#76840F

Triadic

#76840F

#0F7684

#840F76

Split Complementary

#76840F

#0F3B84

#570F84

Tetradic

#76840F

#0F8457

#1D0F84

#840F3B

Color Blindness Simulation

Original

#76840F

Protanopia

#7C7C2B

Deuteranopia

#7B7A32

Tritanopia

#774247

Achromatopsia

#797979

CSS Usage

background-color: #76840F;
color: #76840F;
border-color: #76840F;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#FBFDF2
100
#F6F9E1
200
#F1F8BF
300
#E7F391
400
#DAEC56
500
#CDE51A
600
#A4B715
700
#839311
800
#66720D
900
#4B530E
950
#2F3509

Contrast Checker

Text on white

4.14:1

AA Fail AAA Fail

Text on black

5.08:1

AA Pass AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026