#460F74

#460F74

Color Values

HEX

#460F74

RGB

70, 15, 116

HSL

272.7, 77.1%, 25.7%

HSV

272.7, 87.1%, 45.5%

CMYK

39.7%, 87.1%, 0.0%, 54.5%

OKLCH

0.3276 0.1552 302.7

Properties

Cool Dark Nearest: purple 4

Color Harmonies

Complementary

#460F74

#3D740F

Analogous

#140F74

#740F70

#460F74

Triadic

#460F74

#74460F

#0F7446

Split Complementary

#460F74

#70740F

#0F7414

Tetradic

#460F74

#74140F

#3D740F

#0F7074

Color Blindness Simulation

Original

#460F74

Protanopia

#2E2E5C

Deuteranopia

#313656

Tritanopia

#434844

Achromatopsia

#222222

CSS Usage

background-color: #460F74;
color: #460F74;
border-color: #460F74;
Nearest Tailwind: Purple 950 #3B0764

Tailwind Shades

50
#F8F2FC
100
#EEE1F9
200
#DEC0F7
300
#C693F1
400
#A758E9
500
#881DE2
600
#6D17B5
700
#571391
800
#440F71
900
#330F52
950
#210934

Contrast Checker

Text on white

13.28:1

AA Pass AAA Pass

Text on black

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