#78420B

#78420B

Color Values

HEX

#78420B

RGB

120, 66, 11

HSL

30.3, 83.2%, 25.7%

HSV

30.3, 90.8%, 47.1%

CMYK

0.0%, 45.0%, 90.8%, 52.9%

OKLCH

0.4365 0.0975 59.0

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#78420B

#0B4178

Analogous

#780C0B

#78780B

#78420B

Triadic

#78420B

#0B7842

#420B78

Split Complementary

#78420B

#0B7878

#0C0B78

Tetradic

#78420B

#0B780C

#0B4178

#780B78

Color Blindness Simulation

Original

#78420B

Protanopia

#616018

Deuteranopia

#64681C

Tritanopia

#752325

Achromatopsia

#4A4A4A

CSS Usage

background-color: #78420B;
color: #78420B;
border-color: #78420B;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FDF7F2
100
#FAEDE1
200
#F9DCBE
300
#F5C28F
400
#EFA152
500
#EA8115
600
#BB6711
700
#95520E
800
#75400B
900
#55310C
950
#361F08

Contrast Checker

Text on white

8.13:1

AA Pass AAA Pass

Text on black

2.58:1

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