#462168

#462168

Color Values

HEX

#462168

RGB

70, 33, 104

HSL

271.3, 51.8%, 26.9%

HSV

271.3, 68.3%, 40.8%

CMYK

32.7%, 68.3%, 0.0%, 59.2%

OKLCH

0.3377 0.1203 304.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#462168

#436821

Analogous

#232168

#682167

#462168

Triadic

#462168

#684621

#216846

Split Complementary

#462168

#676821

#216823

Tetradic

#462168

#682321

#436821

#216768

Color Blindness Simulation

Original

#462168

Protanopia

#363657

Deuteranopia

#383B53

Tritanopia

#444946

Achromatopsia

#2E2E2E

CSS Usage

background-color: #462168;
color: #462168;
border-color: #462168;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F4FB
100
#EDE5F5
200
#DCC9EE
300
#C3A2E2
400
#A370D2
500
#823DC2
600
#68319B
700
#53277C
800
#411F61
900
#311A47
950
#1F102D

Contrast Checker

Text on white

12.52:1

AA Pass AAA Pass

Text on black

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