#7D780C

#7D780C

Color Values

HEX

#7D780C

RGB

125, 120, 12

HSL

57.3, 82.5%, 26.9%

HSV

57.3, 90.4%, 49.0%

CMYK

0.0%, 4.0%, 90.4%, 51.0%

OKLCH

0.5594 0.1162 106.6

Properties

Warm Dark Nearest: olive

Color Harmonies

Complementary

#7D780C

#0C117D

Analogous

#7D400C

#4A7D0C

#7D780C

Triadic

#7D780C

#0C7D78

#780C7D

Split Complementary

#7D780C

#0C4A7D

#400C7D

Tetradic

#7D780C

#0C7D40

#0C117D

#7D0C4A

Color Blindness Simulation

Original

#7D780C

Protanopia

#7B7B26

Deuteranopia

#7B7C2C

Tritanopia

#7D3B3F

Achromatopsia

#717171

CSS Usage

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

Tailwind Shades

50
#FDFCF2
100
#FAF9E1
200
#F9F6BE
300
#F4F08F
400
#EEE753
500
#E9DF16
600
#BAB312
700
#958F0E
800
#74700B
900
#54510C
950
#353308

Contrast Checker

Text on white

4.6:1

AA Pass AAA Fail

Text on black

4.56:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026