#7150AF

#7150AF

Color Values

HEX

#7150AF

RGB

113, 80, 175

HSL

260,8, 37,3%, 50,0%

HSV

260,8, 54,3%, 68,6%

CMYK

35,4%, 54,3%, 0,0%, 31,4%

OKLCH

0,5125 0,1462 297,0

Properties

Cool Dark Nearest: Royal Purple

Color Harmonies

Complementary

#7150AF

#8EAF50

Analogous

#505FAF

#A050AF

#7150AF

Triadic

#7150AF

#AF7150

#50AF71

Split Complementary

#7150AF

#AFA050

#5FAF50

Tetradic

#7150AF

#AF505F

#8EAF50

#50AFA0

Color Blindness Simulation

Original

#7150AF

Protanopia

#636298

Deuteranopia

#656792

Tritanopia

#6F8682

Achromatopsia

#5E5E5E

CSS Usage

background-color: #7150AF;
color: #7150AF;
border-color: #7150AF;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F5FA
100
#EBE7F3
200
#D7CEE9
300
#BBABD9
400
#967DC4
500
#7150AF
600
#5A408C
700
#483370
800
#382858
900
#2B2041
950
#1B1429

Contrast Checker

Text on white

6,05:1

AA Pass AAA Fail

Text on black

3,47: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