#45196B

#45196B

Color Values

HEX

#45196B

RGB

69, 25, 107

HSL

272.2, 62.1%, 25.9%

HSV

272.2, 76.6%, 42.0%

CMYK

35.5%, 76.6%, 0.0%, 58.0%

OKLCH

0.3281 0.1348 304.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#45196B

#3F6B19

Analogous

#1C196B

#6B1968

#45196B

Triadic

#45196B

#6B4519

#196B45

Split Complementary

#45196B

#686B19

#196B1C

Tetradic

#45196B

#6B1C19

#3F6B19

#19686B

Color Blindness Simulation

Original

#45196B

Protanopia

#323257

Deuteranopia

#343852

Tritanopia

#434744

Achromatopsia

#282828

CSS Usage

background-color: #45196B;
color: #45196B;
border-color: #45196B;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F1
300
#C59CE8
400
#A566DB
500
#8530CF
600
#6B27A5
700
#551F84
800
#431867
900
#32154C
950
#200D30

Contrast Checker

Text on white

13.09:1

AA Pass AAA Pass

Text on black

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