#405070

#405070

Color Values

HEX

#405070

RGB

64, 80, 112

HSL

220.0, 27.3%, 34.5%

HSV

220.0, 42.9%, 43.9%

CMYK

42.9%, 28.6%, 0.0%, 56.1%

OKLCH

0.4317 0.0571 263.7

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#405070

#706040

Analogous

#406870

#484070

#405070

Triadic

#405070

#704050

#507040

Split Complementary

#405070

#704840

#687040

Tetradic

#405070

#704068

#706040

#407048

Color Blindness Simulation

Original

#405070

Protanopia

#474768

Deuteranopia

#464566

Tritanopia

#416261

Achromatopsia

#4F4F4F

CSS Usage

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

Tailwind Shades

50
#F6F7F9
100
#E9ECF1
200
#D2D8E5
300
#B1BCD3
400
#8798BA
500
#5D74A2
600
#4A5D82
700
#3B4A68
800
#2E3A51
900
#252C3C
950
#171C26

Contrast Checker

Text on white

8.08:1

AA Pass AAA Pass

Text on black

2.6:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026