#7B4897

#7B4897

Color Values

HEX

#7B4897

RGB

123, 72, 151

HSL

278.7, 35.4%, 43.7%

HSV

278.7, 52.3%, 59.2%

CMYK

18.5%, 52.3%, 0.0%, 40.8%

OKLCH

0.4955 0.1317 312.3

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#7B4897

#649748

Analogous

#534897

#97488B

#7B4897

Triadic

#7B4897

#977B48

#48977B

Split Complementary

#7B4897

#8B9748

#489753

Tetradic

#7B4897

#975348

#649748

#488B97

Color Blindness Simulation

Original

#7B4897

Protanopia

#656484

Deuteranopia

#686C7F

Tritanopia

#787571

Achromatopsia

#595959

CSS Usage

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

Tailwind Shades

50
#F8F5FA
100
#EFE8F3
200
#DFCFE8
300
#C8ACD7
400
#AA7FC2
500
#8D52AD
600
#70428A
700
#5A356E
800
#462956
900
#352140
950
#211528

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

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