#7C7C18

#7C7C18

Color Values

HEX

#7C7C18

RGB

124, 124, 24

HSL

60.0, 67.6%, 29.0%

HSV

60.0, 80.6%, 48.6%

CMYK

0.0%, 0.0%, 80.6%, 51.4%

OKLCH

0.5684 0.1154 109.6

Properties

Warm Light Nearest: olive

Color Harmonies

Complementary

#7C7C18

#18187C

Analogous

#7C4A18

#4A7C18

#7C7C18

Triadic

#7C7C18

#187C7C

#7C187C

Split Complementary

#7C7C18

#184A7C

#4A187C

Tetradic

#7C7C18

#187C4A

#18187C

#7C184A

Color Blindness Simulation

Original

#7C7C18

Protanopia

#7C7C30

Deuteranopia

#7C7C36

Tritanopia

#7C4348

Achromatopsia

#757575

CSS Usage

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

Tailwind Shades

50
#FCFCF3
100
#F7F7E3
200
#F3F3C3
300
#EBEB98
400
#E0E061
500
#D6D629
600
#ABAB21
700
#89891A
800
#6B6B15
900
#4E4E13
950
#31310C

Contrast Checker

Text on white

4.42:1

AA Fail AAA Fail

Text on black

4.75:1

AA Pass AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026