#46165F

#46165F

Color Values

HEX

#46165F

RGB

70, 22, 95

HSL

279.5, 62.4%, 22.9%

HSV

279.5, 76.8%, 37.3%

CMYK

26.3%, 76.8%, 0.0%, 62.7%

OKLCH

0.316 0.1257 311.3

Properties

Cool Dark Nearest: midnightblue

Color Harmonies

Complementary

#46165F

#2F5F16

Analogous

#21165F

#5F1653

#46165F

Triadic

#46165F

#5F4616

#165F46

Split Complementary

#46165F

#535F16

#165F21

Tetradic

#46165F

#5F2116

#2F5F16

#16535F

Color Blindness Simulation

Original

#46165F

Protanopia

#31314D

Deuteranopia

#343849

Tritanopia

#443F3C

Achromatopsia

#252525

CSS Usage

background-color: #46165F;
color: #46165F;
border-color: #46165F;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#F9F3FB
100
#F0E4F7
200
#E2C5F2
300
#CE9CE8
400
#B366DC
500
#9930CF
600
#7A26A6
700
#621F85
800
#4C1868
900
#39154C
950
#240D30

Contrast Checker

Text on white

13.63:1

AA Pass AAA Pass

Text on black

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