#7309D2

#7309D2

Color Values

HEX

#7309D2

RGB

115, 9, 210

HSL

271.6, 91.8%, 42.9%

HSV

271.6, 95.7%, 82.4%

CMYK

45.2%, 95.7%, 0.0%, 17.6%

OKLCH

0.4736 0.2514 297.9

Properties

Cool Dark Nearest: blueviolet

Color Harmonies

Complementary

#7309D2

#68D209

Analogous

#0E09D2

#D209CC

#7309D2

Triadic

#7309D2

#D27309

#09D273

Split Complementary

#7309D2

#CCD209

#09D20E

Tetradic

#7309D2

#D20E09

#68D209

#09CCD2

Color Blindness Simulation

Original

#7309D2

Protanopia

#4544A1

Deuteranopia

#4B5396

Tritanopia

#6E7B73

Achromatopsia

#2E2E2E

CSS Usage

background-color: #7309D2;
color: #7309D2;
border-color: #7309D2;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F8F1FD
100
#EEDFFB
200
#DDBBFC
300
#C58AFA
400
#A54AF7
500
#860AF5
600
#6B08C4
700
#56079D
800
#43057A
900
#330858
950
#200538

Contrast Checker

Text on white

7.78:1

AA Pass AAA Pass

Text on black

2.7:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026