#473151

#473151

Color Values

HEX

#473151

RGB

71, 49, 81

HSL

281.2, 24.6%, 25.5%

HSV

281.2, 39.5%, 31.8%

CMYK

12.3%, 39.5%, 0.0%, 68.2%

OKLCH

0.3524 0.0608 314.8

Properties

Cool Dark Nearest: RAL 5022 Night Blue

Color Harmonies

Complementary

#473151

#3B5131

Analogous

#373151

#51314B

#473151

Triadic

#473151

#514731

#315147

Split Complementary

#473151

#4B5131

#315137

Tetradic

#473151

#513731

#3B5131

#314B51

Color Blindness Simulation

Original

#473151

Protanopia

#3D3D49

Deuteranopia

#3F4047

Tritanopia

#464342

Achromatopsia

#383838

CSS Usage

background-color: #473151;
color: #473151;
border-color: #473151;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F9
100
#EFE9F1
200
#DFD3E4
300
#C7B3D1
400
#A989B8
500
#8B609F
600
#6F4D7F
700
#593E66
800
#46304F
900
#34263B
950
#211825

Contrast Checker

Text on white

11.5:1

AA Pass AAA Pass

Text on black

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