#405F8F Color

Color Information

HEX#405F8F
RGB64, 95, 143
HSL216° , 38% , 41%
HSV216° , 55% , 56%
CMYK55%, 34%, 0%, 44%

Lighter Shades

#57729C #6E85AA #8599B7 #9CACC5 #B3BFD2 #CAD2E0

Darker Shades

#38547E #31486D #293D5C #21314A #1A2639 #121B28

Complementary Palette

#37527B #405F8F #7C6038 #907041 #A0845C #5B759F

Analogous Palette

#4F6F72 #56787B #3C5986 #405F8F #59567B #686487

Triadic Palette

#38547E #405F8F #9B365F #A74E72 #5F9B36 #548830

Split Complementary Palette

#3A5681 #405F8F #904941 #9B5B54 #889041 #7A823B

Square Palette

#365078 #405F8F #864B80 #866E4B #419049 #5FA266

Tetradic Palette

#344E75 #405F8F #742EA3 #907041 #5DA32E #7AB454

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #405F8F contains 64 red, 95 green, and 143 blue.

Contrast Ratio: 6.49:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 3.24:1