#7B3C45

#7B3C45

Color Values

HEX

#7B3C45

RGB

123, 60, 69

HSL

351.4, 34.4%, 35.9%

HSV

351.4, 51.2%, 48.2%

CMYK

0.0%, 51.2%, 43.9%, 51.8%

OKLCH

0.4396 0.0878 12.4

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#7B3C45

#3C7B72

Analogous

#7B3C65

#7B533C

#7B3C45

Triadic

#7B3C45

#457B3C

#3C457B

Split Complementary

#7B3C45

#3C7B53

#3C657B

Tetradic

#7B3C45

#657B3C

#3C7B72

#533C7B

Color Blindness Simulation

Original

#7B3C45

Protanopia

#605F43

Deuteranopia

#636842

Tritanopia

#784141

Achromatopsia

#4A4A4A

CSS Usage

background-color: #7B3C45;
color: #7B3C45;
border-color: #7B3C45;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#FAF5F6
100
#F2E8E9
200
#E8CFD3
300
#D7ADB3
400
#C18089
500
#AB5460
600
#89434D
700
#6E363E
800
#562A30
900
#3F2126
950
#281518

Contrast Checker

Text on white

8.16:1

AA Pass AAA Pass

Text on black

2.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026