#463C83

#463C83

Color Values

HEX

#463C83

RGB

70, 60, 131

HSL

248.5, 37.2%, 37.5%

HSV

248.5, 54.2%, 51.4%

CMYK

46.6%, 54.2%, 0.0%, 48.6%

OKLCH

0.4048 0.1149 286.5

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#463C83

#79833C

Analogous

#3C5683

#6A3C83

#463C83

Triadic

#463C83

#83463C

#3C8346

Split Complementary

#463C83

#836A3C

#56833C

Tetradic

#463C83

#833C56

#79833C

#3C836A

Color Blindness Simulation

Original

#463C83

Protanopia

#424272

Deuteranopia

#42436E

Tritanopia

#466461

Achromatopsia

#434343

CSS Usage

background-color: #463C83;
color: #463C83;
border-color: #463C83;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5FA
100
#E9E8F3
200
#D2CEE9
300
#B1ABD9
400
#877EC4
500
#5E50AF
600
#4B408C
700
#3C3370
800
#2F2857
900
#252041
950
#171429

Contrast Checker

Text on white

9.4:1

AA Pass AAA Pass

Text on black

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