#395573

#395573

Color Values

HEX

#395573

RGB

57, 85, 115

HSL

211.0, 33.7%, 33.7%

HSV

211.0, 50.4%, 45.1%

CMYK

50.4%, 26.1%, 0.0%, 54.9%

OKLCH

0.4406 0.0601 251.0

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#395573

#735739

Analogous

#397273

#3A3973

#395573

Triadic

#395573

#733955

#557339

Split Complementary

#395573

#733A39

#727339

Tetradic

#395573

#733972

#735739

#39733A

Color Blindness Simulation

Original

#395573

Protanopia

#45456C

Deuteranopia

#44416A

Tritanopia

#3A6665

Achromatopsia

#515151

CSS Usage

background-color: #395573;
color: #395573;
border-color: #395573;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F5F7FA
100
#E8EDF2
200
#CFDBE7
300
#ADC1D6
400
#81A0C0
500
#557EAA
600
#446588
700
#36516D
800
#2A3F55
900
#22303F
950
#151E28

Contrast Checker

Text on white

7.72:1

AA Pass AAA Pass

Text on black

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