#7B5592

#7B5592

Color Values

HEX

#7B5592

RGB

123, 85, 146

HSL

277.4, 26.4%, 45.3%

HSV

277.4, 41.8%, 57.3%

CMYK

15.8%, 41.8%, 0.0%, 42.7%

OKLCH

0.5149 0.1025 311.8

Properties

Cool Dark Nearest: Violet (Purple)

Color Harmonies

Complementary

#7B5592

#6C9255

Analogous

#5D5592

#92558A

#7B5592

Triadic

#7B5592

#927B55

#55927B

Split Complementary

#7B5592

#8A9255

#55925D

Tetradic

#7B5592

#925D55

#6C9255

#558A92

Color Blindness Simulation

Original

#7B5592

Protanopia

#6B6A83

Deuteranopia

#6D7080

Tritanopia

#797875

Achromatopsia

#616161

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEE9F1
200
#DED2E5
300
#C6B2D2
400
#A788BA
500
#885EA1
600
#6D4B81
700
#573C67
800
#442F51
900
#33253C
950
#201726

Contrast Checker

Text on white

5.9:1

AA Pass AAA Fail

Text on black

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