#363A87 Color

Color Information

HEX	#363A87
RGB	54, 58, 135
HSL	237° , 43% , 37%
HSV	237° , 60% , 53%
CMYK	60%, 57%, 0%, 47%

Lighter Shades

#4E5295 #6669A4 #7E81B2 #9699C1 #AFB0CF #C7C8DD

Darker Shades

#303377 #292C67 #232556 #1C1E46 #161736 #0F1026

Complementary Palette

#2E3274 #363A87 #74712E #878336 #989452 #525698

Analogous Palette

#43586B #496174 #33377F #363A87 #5C4974 #695B7B

Triadic Palette

#303377 #363A87 #902C31 #9D454A #31902C #2B7F27

Split Complementary Palette

#31347A #363A87 #875A36 #936B4A #628736 #587A31

Square Palette

#2D3171 #363A87 #7D3F61 #7D7A3F #36875A #569A74

Tetradic Palette

#2C306F #363A87 #922598 #878336 #2B9825 #51AB4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #363A87 contains 54 red, 58 green, and 135 blue.

Contrast Ratio: 10.26:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.05:1