#7B5298

#7B5298

Color Values

HEX

#7B5298

RGB

123, 82, 152

HSL

275.1, 29.9%, 45.9%

HSV

275.1, 46.1%, 59.6%

CMYK

19.1%, 46.1%, 0.0%, 40.4%

OKLCH

0.5128 0.1155 309.9

Properties

Cool Dark Nearest: Vivid Violet

Color Harmonies

Complementary

#7B5298

#6F9852

Analogous

#585298

#985292

#7B5298

Triadic

#7B5298

#987B52

#52987B

Split Complementary

#7B5298

#929852

#529858

Tetradic

#7B5298

#985852

#6F9852

#529298

Color Blindness Simulation

Original

#7B5298

Protanopia

#696987

Deuteranopia

#6C6F83

Tritanopia

#797A77

Achromatopsia

#606060

CSS Usage

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

Tailwind Shades

50
#F8F5F9
100
#EEE9F2
200
#DDD1E6
300
#C5B0D4
400
#A584BD
500
#8659A6
600
#6B4884
700
#56396A
800
#432D53
900
#33233D
950
#201627

Contrast Checker

Text on white

6.0:1

AA Pass AAA Fail

Text on black

3.5:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026