#45146D

#45146D

Color Values

HEX

#45146D

RGB

69, 20, 109

HSL

273.0, 69.0%, 25.3%

HSV

273.0, 81.7%, 42.7%

CMYK

36.7%, 81.7%, 0.0%, 57.3%

OKLCH

0.3243 0.1429 304.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#45146D

#3C6D14

Analogous

#18146D

#6D1469

#45146D

Triadic

#45146D

#6D4514

#146D45

Split Complementary

#45146D

#696D14

#146D18

Tetradic

#45146D

#6D1814

#3C6D14

#14696D

Color Blindness Simulation

Original

#45146D

Protanopia

#302F57

Deuteranopia

#333652

Tritanopia

#434643

Achromatopsia

#252525

CSS Usage

background-color: #45146D;
color: #45146D;
border-color: #45146D;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F3FC
100
#EEE3F8
200
#DEC3F4
300
#C698EC
400
#A760E2
500
#8828D7
600
#6D20AC
700
#57198A
800
#44146C
900
#33124F
950
#210C32

Contrast Checker

Text on white

13.34:1

AA Pass AAA Pass

Text on black

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