#7C0337

#7C0337

Color Values

HEX

#7C0337

RGB

124, 3, 55

HSL

334.2, 95.3%, 24.9%

HSV

334.2, 97.6%, 48.6%

CMYK

0.0%, 97.6%, 55.6%, 51.4%

OKLCH

0.3786 0.1498 5.1

Properties

Warm Dark Nearest: violetred 4

Color Harmonies

Complementary

#7C0337

#037C48

Analogous

#7C0374

#7C0B03

#7C0337

Triadic

#7C0337

#377C03

#03377C

Split Complementary

#7C0337

#037C0B

#03747C

Tetradic

#7C0337

#747C03

#037C48

#0B037C

Color Blindness Simulation

Original

#7C0337

Protanopia

#48472A

Deuteranopia

#4F5827

Tritanopia

#76201E

Achromatopsia

#202020

CSS Usage

background-color: #7C0337;
color: #7C0337;
border-color: #7C0337;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FEF1F6
100
#FCDFEB
200
#FDB9D7
300
#FC87BA
400
#FB4794
500
#F9066E
600
#C70558
700
#9F0447
800
#7D0337
900
#5A072B
950
#39041B

Contrast Checker

Text on white

10.91:1

AA Pass AAA Pass

Text on black

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