#46196C

#46196C

Color Values

HEX

#46196C

RGB

70, 25, 108

HSL

272.5, 62.4%, 26.1%

HSV

272.5, 76.9%, 42.4%

CMYK

35.2%, 76.9%, 0.0%, 57.6%

OKLCH

0.3303 0.1362 304.6

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#46196C

#3F6C19

Analogous

#1C196C

#6C1969

#46196C

Triadic

#46196C

#6C4619

#196C46

Split Complementary

#46196C

#696C19

#196C1C

Tetradic

#46196C

#6C1C19

#3F6C19

#19696C

Color Blindness Simulation

Original

#46196C

Protanopia

#333258

Deuteranopia

#353853

Tritanopia

#444845

Achromatopsia

#292929

CSS Usage

background-color: #46196C;
color: #46196C;
border-color: #46196C;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F3FB
100
#EEE4F7
200
#DDC5F2
300
#C59CE8
400
#A666DC
500
#8630CF
600
#6B26A6
700
#561F85
800
#431868
900
#33154C
950
#200D30

Contrast Checker

Text on white

12.99:1

AA Pass AAA Pass

Text on black

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