#45136D

#45136D

Color Values

HEX

#45136D

RGB

69, 19, 109

HSL

273.3, 70.3%, 25.1%

HSV

273.3, 82.6%, 42.7%

CMYK

36.7%, 82.6%, 0.0%, 57.3%

OKLCH

0.3233 0.144 304.4

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#45136D

#3B6D13

Analogous

#18136D

#6D1368

#45136D

Triadic

#45136D

#6D4513

#136D45

Split Complementary

#45136D

#686D13

#136D18

Tetradic

#45136D

#6D1813

#3B6D13

#13686D

Color Blindness Simulation

Original

#45136D

Protanopia

#2F2F57

Deuteranopia

#323652

Tritanopia

#424642

Achromatopsia

#242424

CSS Usage

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

Tailwind Shades

50
#F8F3FC
100
#EEE2F8
200
#DEC2F4
300
#C797ED
400
#A85EE3
500
#8926D9
600
#6E1EAE
700
#58188B
800
#45136D
900
#34124F
950
#210B32

Contrast Checker

Text on white

13.4:1

AA Pass AAA Pass

Text on black

1.57:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026