#7C7204

#7C7204

Color Values

HEX

#7C7204

RGB

124, 114, 4

HSL

55,0, 93,8%, 25,1%

HSV

55,0, 96,8%, 48,6%

CMYK

0,0%, 8,1%, 96,8%, 51,4%

OKLCH

0,5442 0,1134 103,3

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#7C7204

#040E7C

Analogous

#7C3604

#4A7C04

#7C7204

Triadic

#7C7204

#047C72

#72047C

Split Complementary

#7C7204

#044A7C

#36047C

Tetradic

#7C7204

#047C36

#040E7C

#7C044A

Color Blindness Simulation

Original

#7C7204

Protanopia

#78781F

Deuteranopia

#787925

Tritanopia

#7C3438

Achromatopsia

#6C6C6C

CSS Usage

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

Tailwind Shades

50
#FDFCF1
100
#FBF9DF
200
#FDF7BA
300
#FBF288
400
#F9EA48
500
#F7E308
600
#C6B606
700
#9E9105
800
#7C7204
900
#595308
950
#383405

Contrast Checker

Text on white

4,92:1

AA Pass AAA Fail

Text on black

4,27: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