#463457

#463457

Color Values

HEX

#463457

RGB

70, 52, 87

HSL

270.9, 25.2%, 27.3%

HSV

270.9, 40.2%, 34.1%

CMYK

19.5%, 40.2%, 0.0%, 65.9%

OKLCH

0.3606 0.0628 307.1

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#463457

#455734

Analogous

#353457

#573457

#463457

Triadic

#463457

#574634

#345746

Split Complementary

#463457

#575734

#345735

Tetradic

#463457

#573534

#455734

#345757

Color Blindness Simulation

Original

#463457

Protanopia

#3E3E4F

Deuteranopia

#3F414C

Tritanopia

#454846

Achromatopsia

#3A3A3A

CSS Usage

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

Tailwind Shades

50
#F7F6F9
100
#EDE9F1
200
#DCD2E4
300
#C2B2D1
400
#A189B8
500
#805FA0
600
#674C80
700
#523D66
800
#403050
900
#31253B
950
#1F1826

Contrast Checker

Text on white

11.12:1

AA Pass AAA Pass

Text on black

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