#46256D

#46256D

Color Values

HEX

#46256D

RGB

70, 37, 109

HSL

267.5, 49.3%, 28.6%

HSV

267.5, 66.1%, 42.7%

CMYK

35.8%, 66.1%, 0.0%, 57.3%

OKLCH

0.3477 0.1204 301.5

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#46256D

#4C6D25

Analogous

#25286D

#6A256D

#46256D

Triadic

#46256D

#6D4625

#256D46

Split Complementary

#46256D

#6D6A25

#286D25

Tetradic

#46256D

#6D2528

#4C6D25

#256D6A

Color Blindness Simulation

Original

#46256D

Protanopia

#38375C

Deuteranopia

#3A3C57

Tritanopia

#444E4B

Achromatopsia

#313131

CSS Usage

background-color: #46256D;
color: #46256D;
border-color: #46256D;
Nearest Tailwind: Indigo 900 #312E81

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DACAED
300
#BFA4E0
400
#9D72CF
500
#7A41BE
600
#623498
700
#4E297A
800
#3D205F
900
#2F1B46
950
#1D112C

Contrast Checker

Text on white

12.03:1

AA Pass AAA Pass

Text on black

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