#462369

#462369

Color Values

HEX

#462369

RGB

70, 35, 105

HSL

270.0, 50.0%, 27.5%

HSV

270.0, 66.7%, 41.2%

CMYK

33.3%, 66.7%, 0.0%, 58.8%

OKLCH

0.3415 0.1185 303.7

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#462369

#466923

Analogous

#232369

#692369

#462369

Triadic

#462369

#694623

#236946

Split Complementary

#462369

#696923

#236923

Tetradic

#462369

#692323

#466923

#236969

Color Blindness Simulation

Original

#462369

Protanopia

#373758

Deuteranopia

#393C54

Tritanopia

#444B48

Achromatopsia

#2F2F2F

CSS Usage

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

Tailwind Shades

50
#F7F4FB
100
#EDE6F5
200
#DBC9ED
300
#C2A3E0
400
#A171D0
500
#8040BF
600
#663399
700
#52297A
800
#402060
900
#301B46
950
#1F112C

Contrast Checker

Text on white

12.32:1

AA Pass AAA Pass

Text on black

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