#463F88

#463F88

Color Values

HEX

#463F88

RGB

70, 63, 136

HSL

245.8, 36.7%, 39.0%

HSV

245.8, 53.7%, 53.3%

CMYK

48.5%, 53.7%, 0.0%, 46.7%

OKLCH

0.4142 0.1177 284.4

Properties

Cool Dark Nearest: darkslateblue

Color Harmonies

Complementary

#463F88

#81883F

Analogous

#3F5C88

#6B3F88

#463F88

Triadic

#463F88

#88463F

#3F8846

Split Complementary

#463F88

#886B3F

#5C883F

Tetradic

#463F88

#883F5C

#81883F

#3F886B

Color Blindness Simulation

Original

#463F88

Protanopia

#434376

Deuteranopia

#434472

Tritanopia

#466865

Achromatopsia

#464646

CSS Usage

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

Tailwind Shades

50
#F5F5FA
100
#E9E8F3
200
#D1CEE8
300
#B0ABD8
400
#857EC3
500
#5A51AE
600
#48418B
700
#393470
800
#2D2857
900
#242040
950
#161429

Contrast Checker

Text on white

9.02:1

AA Pass AAA Pass

Text on black

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