#7B5496

#7B5496

Color Values

HEX

#7B5496

RGB

123, 84, 150

HSL

275.5, 28.2%, 45.9%

HSV

275.5, 44.0%, 58.8%

CMYK

18.0%, 44.0%, 0.0%, 41.2%

OKLCH

0.5152 0.1094 310.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#7B5496

#6F9654

Analogous

#5A5496

#965490

#7B5496

Triadic

#7B5496

#967B54

#54967B

Split Complementary

#7B5496

#909654

#54965A

Tetradic

#7B5496

#965A54

#6F9654

#549096

Color Blindness Simulation

Original

#7B5496

Protanopia

#6A6A86

Deuteranopia

#6C6F82

Tritanopia

#797977

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DDD1E5
300
#C5B1D3
400
#A686BB
500
#865CA3
600
#6B4983
700
#563B69
800
#432E52
900
#33243D
950
#201726

Contrast Checker

Text on white

5.91:1

AA Pass AAA Fail

Text on black

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