#405C88

#405C88

Color Values

HEX

#405C88

RGB

64, 92, 136

HSL

216.7, 36.0%, 39.2%

HSV

216.7, 52.9%, 53.3%

CMYK

52.9%, 32.4%, 0.0%, 46.7%

OKLCH

0.4728 0.0792 259.2

Properties

Cool Dark Nearest: RAL 5007 Brilliant Blue

Color Harmonies

Complementary

#405C88

#886C40

Analogous

#408088

#484088

#405C88

Triadic

#405C88

#88405C

#5C8840

Split Complementary

#405C88

#884840

#808840

Tetradic

#405C88

#884080

#886C40

#408848

Color Blindness Simulation

Original

#405C88

Protanopia

#4C4C7D

Deuteranopia

#4A487B

Tritanopia

#417573

Achromatopsia

#595959

CSS Usage

background-color: #405C88;
color: #405C88;
border-color: #405C88;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F5F7FA
100
#E8ECF3
200
#CED8E8
300
#ACBDD8
400
#7F99C3
500
#5275AD
600
#415E8B
700
#344B6F
800
#293B57
900
#212D40
950
#151C29

Contrast Checker

Text on white

6.76:1

AA Pass AAA Fail

Text on black

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