#463E76

#463E76

Color Values

HEX

#463E76

RGB

70, 62, 118

HSL

248.6, 31.1%, 35.3%

HSV

248.6, 47.5%, 46.3%

CMYK

40.7%, 47.5%, 0.0%, 53.7%

OKLCH

0.4 0.0922 288.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#463E76

#6E763E

Analogous

#3E5276

#623E76

#463E76

Triadic

#463E76

#76463E

#3E7646

Split Complementary

#463E76

#76623E

#52763E

Tetradic

#463E76

#763E52

#6E763E

#3E7662

Color Blindness Simulation

Original

#463E76

Protanopia

#434268

Deuteranopia

#434465

Tritanopia

#465E5B

Achromatopsia

#444444

CSS Usage

background-color: #463E76;
color: #463E76;
border-color: #463E76;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D3D0E6
300
#B4AFD5
400
#8C83BE
500
#6358A7
600
#4F4686
700
#3F386B
800
#322C54
900
#27233E
950
#181627

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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