#74480F

#74480F

Color Values

HEX

#74480F

RGB

116, 72, 15

HSL

33.9, 77.1%, 25.7%

HSV

33.9, 87.1%, 45.5%

CMYK

0.0%, 37.9%, 87.1%, 54.5%

OKLCH

0.4428 0.0903 67.0

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#74480F

#0F3B74

Analogous

#74160F

#6D740F

#74480F

Triadic

#74480F

#0F7448

#480F74

Split Complementary

#74480F

#0F6D74

#160F74

Tetradic

#74480F

#0F7416

#0F3B74

#740F6D

Color Blindness Simulation

Original

#74480F

Protanopia

#61611D

Deuteranopia

#646720

Tritanopia

#72282A

Achromatopsia

#4D4D4D

CSS Usage

background-color: #74480F;
color: #74480F;
border-color: #74480F;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF8F2
100
#F9EFE1
200
#F7DFC0
300
#F1C893
400
#E9AA58
500
#E28C1D
600
#B57017
700
#915A13
800
#71460F
900
#52350F
950
#342109

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

2.68: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