#7D2102

#7D2102

Color Values

HEX

#7D2102

RGB

125, 33, 2

HSL

15.1, 96.9%, 24.9%

HSV

15.1, 98.4%, 49.0%

CMYK

0.0%, 73.6%, 98.4%, 51.0%

OKLCH

0.3938 0.1315 36.5

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#7D2102

#025E7D

Analogous

#7D0221

#7D5E02

#7D2102

Triadic

#7D2102

#027D21

#21027D

Split Complementary

#7D2102

#027D5E

#02217D

Tetradic

#7D2102

#217D02

#025E7D

#5E027D

Color Blindness Simulation

Original

#7D2102

Protanopia

#555409

Deuteranopia

#5A610B

Tritanopia

#780F11

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FEF4F1
100
#FCE6DE
200
#FECAB9
300
#FDA486
400
#FC7345
500
#FB4204
600
#C93503
700
#A12A03
800
#7E2102
900
#5B1B06
950
#391104

Contrast Checker

Text on white

10.05:1

AA Pass AAA Pass

Text on black

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