#8745D1

#8745D1

Color Values

HEX

#8745D1

RGB

135, 69, 209

HSL

268.3, 60.3%, 54.5%

HSV

268.3, 67.0%, 82.0%

CMYK

35.4%, 67.0%, 0.0%, 18.0%

OKLCH

0.5434 0.2058 301.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#8745D1

#8FD145

Analogous

#4549D1

#CD45D1

#8745D1

Triadic

#8745D1

#D18745

#45D187

Split Complementary

#8745D1

#D1CD45

#49D145

Tetradic

#8745D1

#D14549

#8FD145

#45D1CD

Color Blindness Simulation

Original

#8745D1

Protanopia

#6A6AAF

Deuteranopia

#6E73A7

Tritanopia

#84948E

Achromatopsia

#5D5D5D

CSS Usage

background-color: #8745D1;
color: #8745D1;
border-color: #8745D1;
Nearest Tailwind: Violet 500 #8B5CF6

Tailwind Shades

50
#F7F3FB
100
#EDE4F6
200
#DAC6F1
300
#C09DE7
400
#9D68DA
500
#7B33CC
600
#6328A4
700
#4F2083
800
#3E1966
900
#2F164B
950
#1E0E2F

Contrast Checker

Text on white

5.52:1

AA Pass AAA Fail

Text on black

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