#7B2104

#7B2104

Color Values

HEX

#7B2104

RGB

123, 33, 4

HSL

14.6, 93.7%, 24.9%

HSV

14.6, 96.7%, 48.2%

CMYK

0.0%, 73.2%, 96.7%, 51.8%

OKLCH

0.3902 0.1291 36.2

Properties

Warm Dark Nearest: orangered 4

Color Harmonies

Complementary

#7B2104

#045E7B

Analogous

#7B0423

#7B5C04

#7B2104

Triadic

#7B2104

#047B21

#21047B

Split Complementary

#7B2104

#047B5C

#04237B

Tetradic

#7B2104

#237B04

#045E7B

#5C047B

Color Blindness Simulation

Original

#7B2104

Protanopia

#54530B

Deuteranopia

#59600D

Tritanopia

#761112

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FDF4F1
100
#FBE6DF
200
#FDCABA
300
#FBA488
400
#F97348
500
#F74208
600
#C63506
700
#9E2A05
800
#7B2104
900
#591B08
950
#381105

Contrast Checker

Text on white

10.19:1

AA Pass AAA Pass

Text on black

2.06:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026