#463E75

#463E75

Color Values

HEX

#463E75

RGB

70, 62, 117

HSL

248.7, 30.7%, 35.1%

HSV

248.7, 47.0%, 45.9%

CMYK

40.2%, 47.0%, 0.0%, 54.1%

OKLCH

0.3993 0.0906 288.3

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#463E75

#6D753E

Analogous

#3E5275

#613E75

#463E75

Triadic

#463E75

#75463E

#3E7546

Split Complementary

#463E75

#75613E

#52753E

Tetradic

#463E75

#753E52

#6D753E

#3E7561

Color Blindness Simulation

Original

#463E75

Protanopia

#434268

Deuteranopia

#434464

Tritanopia

#465D5B

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#F6F5F9
100
#EAE8F2
200
#D4D0E6
300
#B4AFD5
400
#8C84BE
500
#6458A7
600
#504785
700
#40396B
800
#322C53
900
#27233E
950
#191627

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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