#7B73DA

#7B73DA

Color Values

HEX

#7B73DA

RGB

123, 115, 218

HSL

244.7, 58.2%, 65.3%

HSV

244.7, 47.2%, 85.5%

CMYK

43.6%, 47.2%, 0.0%, 14.5%

OKLCH

0.6108 0.1521 284.5

Properties

Cool Light Nearest: mediumpurple 3

Color Harmonies

Complementary

#7B73DA

#D2DA73

Analogous

#739EDA

#AF73DA

#7B73DA

Triadic

#7B73DA

#DA7B73

#73DA7B

Split Complementary

#7B73DA

#DAAF73

#9EDA73

Tetradic

#7B73DA

#DA739E

#D2DA73

#73DAAF

Color Blindness Simulation

Original

#7B73DA

Protanopia

#7877C1

Deuteranopia

#7879BB

Tritanopia

#7BADA9

Achromatopsia

#7C7C7C

CSS Usage

background-color: #7B73DA;
color: #7B73DA;
border-color: #7B73DA;
Nearest Tailwind: Indigo 400 #818CF8

Tailwind Shades

50
#F4F4FB
100
#E6E4F6
200
#CAC7F0
300
#A49EE5
400
#726AD8
500
#4135CA
600
#342BA1
700
#2A2281
800
#201B65
900
#1B174A
950
#110F2F

Contrast Checker

Text on white

3.96:1

AA Fail AAA Fail

Text on black

5.31:1

AA Pass 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