#7315B0

#7315B0

Color Values

HEX

#7315B0

RGB

115, 21, 176

HSL

276.4, 78.7%, 38.6%

HSV

276.4, 88.1%, 69.0%

CMYK

34.7%, 88.1%, 0.0%, 31.0%

OKLCH

0.4471 0.2167 305.9

Properties

Cool Dark Nearest: purple 3

Color Harmonies

Complementary

#7315B0

#52B015

Analogous

#2515B0

#B0159F

#7315B0

Triadic

#7315B0

#B07315

#15B073

Split Complementary

#7315B0

#9FB015

#15B025

Tetradic

#7315B0

#B02515

#52B015

#159FB0

Color Blindness Simulation

Original

#7315B0

Protanopia

#4A498B

Deuteranopia

#505782

Tritanopia

#6E6D66

Achromatopsia

#343434

CSS Usage

background-color: #7315B0;
color: #7315B0;
border-color: #7315B0;
Nearest Tailwind: Purple 800 #6B21A8

Tailwind Shades

50
#F8F2FC
100
#F0E1F9
200
#E1BFF7
300
#CC92F2
400
#B056EB
500
#951BE4
600
#7716B6
700
#5F1192
800
#4A0E72
900
#380E53
950
#230934

Contrast Checker

Text on white

8.53:1

AA Pass AAA Pass

Text on black

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