#745BA0

#745BA0

Color Values

HEX

#745BA0

RGB

116, 91, 160

HSL

261.7, 27.5%, 49.2%

HSV

261.7, 43.1%, 62.7%

CMYK

27.5%, 43.1%, 0.0%, 37.3%

OKLCH

0.5261 0.1084 299.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#745BA0

#87A05B

Analogous

#5B65A0

#965BA0

#745BA0

Triadic

#745BA0

#A0745B

#5BA074

Split Complementary

#745BA0

#A0965B

#65A05B

Tetradic

#745BA0

#A05B65

#87A05B

#5BA096

Color Blindness Simulation

Original

#745BA0

Protanopia

#69698F

Deuteranopia

#6B6C8B

Tritanopia

#73827F

Achromatopsia

#656565

CSS Usage

background-color: #745BA0;
color: #745BA0;
border-color: #745BA0;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D1E5
300
#BDB1D3
400
#9987BB
500
#765CA3
600
#5E4A82
700
#4B3B68
800
#3B2E51
900
#2D243C
950
#1D1726

Contrast Checker

Text on white

5.61:1

AA Pass AAA Fail

Text on black

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