#462952

#462952

Color Values

HEX

#462952

RGB

70, 41, 82

HSL

282.4, 33.3%, 24.1%

HSV

282.4, 50.0%, 32.2%

CMYK

14.6%, 50.0%, 0.0%, 67.8%

OKLCH

0.336 0.0779 315.4

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#462952

#355229

Analogous

#312952

#522949

#462952

Triadic

#462952

#524629

#295246

Split Complementary

#462952

#495229

#295231

Tetradic

#462952

#523129

#355229

#294952

Color Blindness Simulation

Original

#462952

Protanopia

#393948

Deuteranopia

#3B3D46

Tritanopia

#45403F

Achromatopsia

#323232

CSS Usage

background-color: #462952;
color: #462952;
border-color: #462952;
Nearest Tailwind: Indigo 950 #1E1B4B

Tailwind Shades

50
#F8F5FA
100
#EFE8F2
200
#E0CFE7
300
#CAADD6
400
#AE81C0
500
#9155AA
600
#744488
700
#5D366D
800
#492B55
900
#36223F
950
#221528

Contrast Checker

Text on white

12.36:1

AA Pass AAA Pass

Text on black

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