#45237A

#45237A

Color Values

HEX

#45237A

RGB

69, 35, 122

HSL

263.4, 55.4%, 30.8%

HSV

263.4, 71.3%, 47.8%

CMYK

43.4%, 71.3%, 0.0%, 52.2%

OKLCH

0.3542 0.1396 296.5

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#45237A

#587A23

Analogous

#232D7A

#70237A

#45237A

Triadic

#45237A

#7A4523

#237A45

Split Complementary

#45237A

#7A7023

#2D7A23

Tetradic

#45237A

#7A232D

#587A23

#237A70

Color Blindness Simulation

Original

#45237A

Protanopia

#363665

Deuteranopia

#383B60

Tritanopia

#435451

Achromatopsia

#313131

CSS Usage

background-color: #45237A;
color: #45237A;
border-color: #45237A;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F4FB
100
#EBE5F6
200
#D7C8EF
300
#BAA0E4
400
#956CD5
500
#7039C6
600
#5A2D9F
700
#48247F
800
#381C63
900
#2B1849
950
#1B0F2E

Contrast Checker

Text on white

11.83:1

AA Pass AAA Pass

Text on black

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