#7A3B33

#7A3B33

Color Values

HEX

#7A3B33

RGB

122, 59, 51

HSL

6.8, 41.0%, 33.9%

HSV

6.8, 58.2%, 47.8%

CMYK

0.0%, 51.6%, 58.2%, 52.2%

OKLCH

0.4319 0.0895 28.8

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#7A3B33

#33727A

Analogous

#7A334E

#7A5E33

#7A3B33

Triadic

#7A3B33

#337A3B

#3B337A

Split Complementary

#7A3B33

#337A5E

#334E7A

Tetradic

#7A3B33

#4E7A33

#33727A

#5E337A

Color Blindness Simulation

Original

#7A3B33

Protanopia

#5F5E35

Deuteranopia

#626735

Tritanopia

#773637

Achromatopsia

#484848

CSS Usage

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

Tailwind Shades

50
#FAF5F5
100
#F3E8E7
200
#EAD0CD
300
#DBAEA9
400
#C7837A
500
#B4574B
600
#90463C
700
#733830
800
#5A2C26
900
#42231F
950
#2A1613

Contrast Checker

Text on white

8.4:1

AA Pass AAA Pass

Text on black

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