#7B3D0F

#7B3D0F

Color Values

HEX

#7B3D0F

RGB

123, 61, 15

HSL

25.6, 78.3%, 27.1%

HSV

25.6, 87.8%, 48.2%

CMYK

0.0%, 50.4%, 87.8%, 51.8%

OKLCH

0.4321 0.1023 51.6

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7B3D0F

#0F4D7B

Analogous

#7B0F17

#7B730F

#7B3D0F

Triadic

#7B3D0F

#0F7B3D

#3D0F7B

Split Complementary

#7B3D0F

#0F7B73

#0F177B

Tetradic

#7B3D0F

#177B0F

#0F4D7B

#730F7B

Color Blindness Simulation

Original

#7B3D0F

Protanopia

#60601A

Deuteranopia

#64681D

Tritanopia

#782325

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#FCF7F2
100
#F9EBE1
200
#F7D7BF
300
#F2BB92
400
#EB9657
500
#E3711C
600
#B65A16
700
#914812
800
#72380E
900
#532B0E
950
#341B09

Contrast Checker

Text on white

8.34:1

AA Pass AAA Pass

Text on black

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