#460889

#460889

Color Values

HEX

#460889

RGB

70, 8, 137

HSL

268.8, 89.0%, 28.4%

HSV

268.8, 94.2%, 53.7%

CMYK

48.9%, 94.2%, 0.0%, 46.3%

OKLCH

0.3442 0.1807 295.9

Properties

Cool Dark Nearest: indigo

Color Harmonies

Complementary

#460889

#4B8908

Analogous

#080B89

#860889

#460889

Triadic

#460889

#894608

#088946

Split Complementary

#460889

#898608

#0B8908

Tetradic

#460889

#89080B

#4B8908

#088986

Color Blindness Simulation

Original

#460889

Protanopia

#2B2B6A

Deuteranopia

#2F3362

Tritanopia

#43514C

Achromatopsia

#1E1E1E

CSS Usage

background-color: #460889;
color: #460889;
border-color: #460889;
Nearest Tailwind: Violet 900 #4C1D95

Tailwind Shades

50
#F7F2FD
100
#EDE0FB
200
#DABCFB
300
#C08BF8
400
#9D4DF5
500
#7B0EF1
600
#620BC1
700
#4F099A
800
#3D0778
900
#2F0A57
950
#1E0637

Contrast Checker

Text on white

12.68:1

AA Pass AAA Pass

Text on black

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