#7D2F03

#7D2F03

Color Values

HEX

#7D2F03

RGB

125, 47, 3

HSL

21.6, 95.3%, 25.1%

HSV

21.6, 97.6%, 49.0%

CMYK

0.0%, 62.4%, 97.6%, 51.0%

OKLCH

0.412 0.1189 43.4

Properties

Warm Dark Nearest: saddlebrown

Color Harmonies

Complementary

#7D2F03

#03517D

Analogous

#7D0314

#7D6C03

#7D2F03

Triadic

#7D2F03

#037D2F

#2F037D

Split Complementary

#7D2F03

#037D6C

#03147D

Tetradic

#7D2F03

#147D03

#03517D

#6C037D

Color Blindness Simulation

Original

#7D2F03

Protanopia

#5B5B0E

Deuteranopia

#606610

Tritanopia

#791618

Achromatopsia

#3C3C3C

CSS Usage

background-color: #7D2F03;
color: #7D2F03;
border-color: #7D2F03;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FEF6F1
100
#FCE9DF
200
#FDD2B9
300
#FCB187
400
#FB8747
500
#F95D06
600
#C74B05
700
#9F3C04
800
#7D2F03
900
#5A2507
950
#391704

Contrast Checker

Text on white

9.21:1

AA Pass AAA Pass

Text on black

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