#395075

#395075

Color Values

HEX

#395075

RGB

57, 80, 117

HSL

217.0, 34.5%, 34.1%

HSV

217.0, 51.3%, 45.9%

CMYK

51.3%, 31.6%, 0.0%, 54.1%

OKLCH

0.4295 0.0681 259.6

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#395075

#755E39

Analogous

#396E75

#403975

#395075

Triadic

#395075

#753950

#507539

Split Complementary

#395075

#754039

#6E7539

Tetradic

#395075

#75396E

#755E39

#397540

Color Blindness Simulation

Original

#395075

Protanopia

#43436C

Deuteranopia

#42406A

Tritanopia

#3A6563

Achromatopsia

#4E4E4E

CSS Usage

background-color: #395075;
color: #395075;
border-color: #395075;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F5F7FA
100
#E8ECF2
200
#CFD8E8
300
#ADBDD7
400
#8099C1
500
#5475AB
600
#435E89
700
#354B6E
800
#2A3B56
900
#212D3F
950
#151C28

Contrast Checker

Text on white

8.14:1

AA Pass AAA Pass

Text on black

2.58:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026