#7D2602

#7D2602

Color Values

HEX

#7D2602

RGB

125, 38, 2

HSL

17.6, 96.9%, 24.9%

HSV

17.6, 98.4%, 49.0%

CMYK

0.0%, 69.6%, 98.4%, 51.0%

OKLCH

0.3998 0.1271 38.7

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#7D2602

#02597D

Analogous

#7D021B

#7D6402

#7D2602

Triadic

#7D2602

#027D26

#26027D

Split Complementary

#7D2602

#027D64

#021B7D

Tetradic

#7D2602

#1B7D02

#02597D

#64027D

Color Blindness Simulation

Original

#7D2602

Protanopia

#57570B

Deuteranopia

#5C630D

Tritanopia

#791213

Achromatopsia

#363636

CSS Usage

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

Tailwind Shades

50
#FEF5F1
100
#FCE7DE
200
#FECDB9
300
#FDA986
400
#FC7B45
500
#FB4C04
600
#C93D03
700
#A13103
800
#7E2602
900
#5B1F06
950
#391404

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

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