#463ED4

#463ED4

Color Values

HEX

#463ED4

RGB

70, 62, 212

HSL

243.2, 63.6%, 53.7%

HSV

243.2, 70.8%, 83.1%

CMYK

67.0%, 70.8%, 0.0%, 16.9%

OKLCH

0.477 0.2199 276.4

Properties

Cool Dark Nearest: Purple Heart

Color Harmonies

Complementary

#463ED4

#CCD43E

Analogous

#3E81D4

#913ED4

#463ED4

Triadic

#463ED4

#D4463E

#3ED446

Split Complementary

#463ED4

#D4913E

#81D43E

Tetradic

#463ED4

#D43E81

#CCD43E

#3ED491

Color Blindness Simulation

Original

#463ED4

Protanopia

#4342B0

Deuteranopia

#4344A7

Tritanopia

#46938D

Achromatopsia

#4B4B4B

CSS Usage

background-color: #463ED4;
color: #463ED4;
border-color: #463ED4;
Nearest Tailwind: Indigo 700 #4338CA

Tailwind Shades

50
#F4F3FB
100
#E5E4F7
200
#C7C5F2
300
#9F9BE9
400
#6B65DD
500
#372ED1
600
#2C25A7
700
#231E85
800
#1C1768
900
#18154C
950
#0F0D30

Contrast Checker

Text on white

7.24:1

AA Pass AAA Pass

Text on black

2.9:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026