#7C3B3F

#7C3B3F

Color Values

HEX

#7C3B3F

RGB

124, 59, 63

HSL

356.3, 35.5%, 35.9%

HSV

356.3, 52.4%, 48.6%

CMYK

0.0%, 52.4%, 49.2%, 51.4%

OKLCH

0.4378 0.0904 17.7

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#7C3B3F

#3B7C78

Analogous

#7C3B60

#7C583B

#7C3B3F

Triadic

#7C3B3F

#3F7C3B

#3B3F7C

Split Complementary

#7C3B3F

#3B7C58

#3B607C

Tetradic

#7C3B3F

#607C3B

#3B7C78

#583B7C

Color Blindness Simulation

Original

#7C3B3F

Protanopia

#605F3E

Deuteranopia

#64683E

Tritanopia

#793D3D

Achromatopsia

#494949

CSS Usage

background-color: #7C3B3F;
color: #7C3B3F;
border-color: #7C3B3F;
Nearest Tailwind: Rose 950 #4C0519

Tailwind Shades

50
#FAF5F5
100
#F3E8E8
200
#E8CFD0
300
#D8ACAF
400
#C27F83
500
#AD5258
600
#8A4246
700
#6F3538
800
#56292C
900
#402123
950
#281516

Contrast Checker

Text on white

8.22:1

AA Pass AAA Pass

Text on black

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