#7F4918

#7F4918

Color Values

HEX

#7F4918

RGB

127, 73, 24

HSL

28.5, 68.2%, 29.6%

HSV

28.5, 81.1%, 49.8%

CMYK

0.0%, 42.5%, 81.1%, 50.2%

OKLCH

0.4608 0.0957 58.4

Properties

Warm Dark Nearest: tan 4

Color Harmonies

Complementary

#7F4918

#184E7F

Analogous

#7F181B

#7F7C18

#7F4918

Triadic

#7F4918

#187F49

#49187F

Split Complementary

#7F4918

#187F7C

#181B7F

Tetradic

#7F4918

#1B7F18

#184E7F

#7C187F

Color Blindness Simulation

Original

#7F4918

Protanopia

#686724

Deuteranopia

#6B6F27

Tritanopia

#7C2D2F

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#FCF7F3
100
#F7EDE3
200
#F4DAC3
300
#ECC098
400
#E19D60
500
#D67B29
600
#AC6320
700
#894F1A
800
#6B3E14
900
#4E2F13
950
#311E0C

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

2.87:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026