#7F3F10

#7F3F10

Color Values

HEX

#7F3F10

RGB

127, 63, 16

HSL

25.4, 77.6%, 28.0%

HSV

25.4, 87.4%, 49.8%

CMYK

0.0%, 50.4%, 87.4%, 50.2%

OKLCH

0.4419 0.1048 51.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7F3F10

#10507F

Analogous

#7F1018

#7F7610

#7F3F10

Triadic

#7F3F10

#107F3F

#3F107F

Split Complementary

#7F3F10

#107F76

#10187F

Tetradic

#7F3F10

#187F10

#10507F

#76107F

Color Blindness Simulation

Original

#7F3F10

Protanopia

#63631B

Deuteranopia

#676C1E

Tritanopia

#7C2426

Achromatopsia

#494949

CSS Usage

background-color: #7F3F10;
color: #7F3F10;
border-color: #7F3F10;
Nearest Tailwind: Amber 900 #78350F

Tailwind Shades

50
#FCF7F2
100
#F9EBE1
200
#F7D7C0
300
#F1BB92
400
#EA9557
500
#E2701D
600
#B55A17
700
#914812
800
#71380E
900
#522B0F
950
#341B09

Contrast Checker

Text on white

8.01:1

AA Pass AAA Pass

Text on black

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