#7B5199

#7B5199

Color Values

HEX

#7B5199

RGB

123, 81, 153

HSL

275.0, 30.8%, 45.9%

HSV

275.0, 47.1%, 60.0%

CMYK

19.6%, 47.1%, 0.0%, 40.0%

OKLCH

0.5116 0.1186 309.7

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#7B5199

#6F9951

Analogous

#575199

#995193

#7B5199

Triadic

#7B5199

#997B51

#51997B

Split Complementary

#7B5199

#939951

#519957

Tetradic

#7B5199

#995751

#6F9951

#519399

Color Blindness Simulation

Original

#7B5199

Protanopia

#696888

Deuteranopia

#6B6E83

Tritanopia

#797A77

Achromatopsia

#5F5F5F

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE8F2
200
#DDD0E6
300
#C5AFD5
400
#A584BE
500
#8658A7
600
#6B4785
700
#56386B
800
#432C53
900
#33233E
950
#201627

Contrast Checker

Text on white

6.04:1

AA Pass AAA Fail

Text on black

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