#7C3138

#7C3138

Color Values

HEX

#7C3138

RGB

124, 49, 56

HSL

354.4, 43.4%, 33.9%

HSV

354.4, 60.5%, 48.6%

CMYK

0.0%, 60.5%, 54.8%, 51.4%

OKLCH

0.4204 0.1045 17.1

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#7C3138

#317C75

Analogous

#7C315D

#7C4F31

#7C3138

Triadic

#7C3138

#387C31

#31387C

Split Complementary

#7C3138

#317C4F

#315D7C

Tetradic

#7C3138

#5D7C31

#317C75

#4F317C

Color Blindness Simulation

Original

#7C3138

Protanopia

#5C5B36

Deuteranopia

#606636

Tritanopia

#783535

Achromatopsia

#414141

CSS Usage

background-color: #7C3138;
color: #7C3138;
border-color: #7C3138;
Nearest Tailwind: Rose 900 #881337

Tailwind Shades

50
#FAF5F5
100
#F4E7E8
200
#EBCCCF
300
#DCA7AC
400
#CA787F
500
#B74852
600
#923A42
700
#752E35
800
#5B2429
900
#431E21
950
#2B1315

Contrast Checker

Text on white

8.92:1

AA Pass AAA Pass

Text on black

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