#7A372F

#7A372F

Color Values

HEX

#7A372F

RGB

122, 55, 47

HSL

6.4, 44.4%, 33.1%

HSV

6.4, 61.5%, 47.8%

CMYK

0.0%, 54.9%, 61.5%, 52.2%

OKLCH

0.4245 0.0954 28.6

Properties

Warm Dark Nearest: RAL 8029 Pearl Copper

Color Harmonies

Complementary

#7A372F

#2F727A

Analogous

#7A2F4C

#7A5C2F

#7A372F

Triadic

#7A372F

#2F7A37

#372F7A

Split Complementary

#7A372F

#2F7A5C

#2F4C7A

Tetradic

#7A372F

#4C7A2F

#2F727A

#5C2F7A

Color Blindness Simulation

Original

#7A372F

Protanopia

#5D5C31

Deuteranopia

#616631

Tritanopia

#773233

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#EBCFCB
300
#DDACA7
400
#CB8077
500
#B85347
600
#934239
700
#76352D
800
#5C2923
900
#44211D
950
#2B1512

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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