#7F4B19

#7F4B19

Color Values

HEX

#7F4B19

RGB

127, 75, 25

HSL

29.4, 67.1%, 29.8%

HSV

29.4, 80.3%, 49.8%

CMYK

0.0%, 40.9%, 80.3%, 50.2%

OKLCH

0.4647 0.0943 60.2

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F4B19

#194D7F

Analogous

#7F191A

#7F7E19

#7F4B19

Triadic

#7F4B19

#197F4B

#4B197F

Split Complementary

#7F4B19

#197F7E

#191A7F

Tetradic

#7F4B19

#1A7F19

#194D7F

#7E197F

Color Blindness Simulation

Original

#7F4B19

Protanopia

#686825

Deuteranopia

#6C6F28

Tritanopia

#7C2F31

Achromatopsia

#525252

CSS Usage

background-color: #7F4B19;
color: #7F4B19;
border-color: #7F4B19;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F3DBC3
300
#EBC199
400
#E09F61
500
#D57E2A
600
#AA6522
700
#88511B
800
#6B3F15
900
#4E3013
950
#311E0C

Contrast Checker

Text on white

7.18:1

AA Pass AAA Pass

Text on black

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