#7A3530

#7A3530

Color Values

HEX

#7A3530

RGB

122, 53, 48

HSL

4.1, 43.5%, 33.3%

HSV

4.1, 60.7%, 47.8%

CMYK

0.0%, 56.6%, 60.7%, 52.2%

OKLCH

0.4215 0.0976 26.3

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#7A3530

#30757A

Analogous

#7A3050

#7A5A30

#7A3530

Triadic

#7A3530

#307A35

#35307A

Split Complementary

#7A3530

#307A5A

#30507A

Tetradic

#7A3530

#507A30

#30757A

#5A307A

Color Blindness Simulation

Original

#7A3530

Protanopia

#5C5C31

Deuteranopia

#606531

Tritanopia

#773232

Achromatopsia

#434343

CSS Usage

background-color: #7A3530;
color: #7A3530;
border-color: #7A3530;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FAF5F5
100
#F4E7E7
200
#EBCECC
300
#DCABA7
400
#CA7D78
500
#B75048
600
#92403A
700
#75332E
800
#5B2824
900
#43201D
950
#2B1413

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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