#7D7412

#7D7412

Color Values

HEX

#7D7412

RGB

125, 116, 18

HSL

55.0, 74.8%, 28.0%

HSV

55.0, 85.6%, 49.0%

CMYK

0.0%, 7.2%, 85.6%, 51.0%

OKLCH

0.5503 0.1103 103.7

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#7D7412

#121B7D

Analogous

#7D3E12

#507D12

#7D7412

Triadic

#7D7412

#127D74

#74127D

Split Complementary

#7D7412

#12507D

#3E127D

Tetradic

#7D7412

#127D3E

#121B7D

#7D1250

Color Blindness Simulation

Original

#7D7412

Protanopia

#79792A

Deuteranopia

#7A7A2F

Tritanopia

#7D3C41

Achromatopsia

#6F6F6F

CSS Usage

background-color: #7D7412;
color: #7D7412;
border-color: #7D7412;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FCFBF2
100
#F8F7E2
200
#F6F2C1
300
#F0E894
400
#E7DB5A
500
#DFCF20
600
#B2A61A
700
#8F8415
800
#6F6710
900
#514C10
950
#33300A

Contrast Checker

Text on white

4.8:1

AA Pass AAA Fail

Text on black

4.38:1

AA Fail 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