#464373

#464373

Color Values

HEX

#464373

RGB

70, 67, 115

HSL

243.8, 26.4%, 35.7%

HSV

243.8, 41.7%, 45.1%

CMYK

39.1%, 41.7%, 0.0%, 54.9%

OKLCH

0.4086 0.0793 285.2

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#464373

#707343

Analogous

#435873

#5E4373

#464373

Triadic

#464373

#734643

#437346

Split Complementary

#464373

#735E43

#587343

Tetradic

#464373

#734358

#707343

#43735E

Color Blindness Simulation

Original

#464373

Protanopia

#454567

Deuteranopia

#454565

Tritanopia

#465E5C

Achromatopsia

#474747

CSS Usage

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

Tailwind Shades

50
#F6F6F9
100
#EAE9F1
200
#D3D2E5
300
#B4B2D2
400
#8B88BA
500
#625EA1
600
#4E4B81
700
#3F3C67
800
#312F51
900
#26253C
950
#181726

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

2.31:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026