#7C362E

#7C362E

Color Values

HEX

#7C362E

RGB

124, 54, 46

HSL

6.2, 45.9%, 33.3%

HSV

6.2, 62.9%, 48.6%

CMYK

0.0%, 56.5%, 62.9%, 51.4%

OKLCH

0.4258 0.0993 28.5

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#7C362E

#2E747C

Analogous

#7C2E4D

#7C5D2E

#7C362E

Triadic

#7C362E

#2E7C36

#362E7C

Split Complementary

#7C362E

#2E7C5D

#2E4D7C

Tetradic

#7C362E

#4D7C2E

#2E747C

#5D2E7C

Color Blindness Simulation

Original

#7C362E

Protanopia

#5E5D30

Deuteranopia

#626730

Tritanopia

#783132

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECB
300
#DEACA6
400
#CC7E75
500
#BA5145
600
#954137
700
#77342C
800
#5D2922
900
#44211C
950
#2B1512

Contrast Checker

Text on white

8.66:1

AA Pass AAA Pass

Text on black

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