#7C4375

#7C4375

Color Values

HEX

#7C4375

RGB

124, 67, 117

HSL

307.4, 29.8%, 37.5%

HSV

307.4, 46.0%, 48.6%

CMYK

0.0%, 46.0%, 5.6%, 51.4%

OKLCH

0.4707 0.1041 331.7

Properties

Warm Dark Nearest: Razzmic Berry

Color Harmonies

Complementary

#7C4375

#437C4A

Analogous

#67437C

#7C4359

#7C4375

Triadic

#7C4375

#757C43

#43757C

Split Complementary

#7C4375

#597C43

#437C67

Tetradic

#7C4375

#7C6743

#437C4A

#43597C

Color Blindness Simulation

Original

#7C4375

Protanopia

#636369

Deuteranopia

#676B66

Tritanopia

#795F5D

Achromatopsia

#535353

CSS Usage

background-color: #7C4375;
color: #7C4375;
border-color: #7C4375;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F9F5F9
100
#F2E9F1
200
#E6D1E3
300
#D4B0D0
400
#BD85B6
500
#A55A9C
600
#84487D
700
#6A3964
800
#532D4E
900
#3D233A
950
#271625

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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