#366990 Color

Color Information

HEX#366990
RGB54, 105, 144
HSL206° , 45% , 39%
HSV206° , 63% , 56%
CMYK63%, 27%, 0%, 44%

Lighter Shades

#4E7B9D #668DAB #7E9FB8 #96B1C5 #AFC3D3 #C7D5E0

Darker Shades

#305C7F #29506D #23435C #1C374B #162A3A #0F1D28

Complementary Palette

#2E5A7C #366990 #7C502F #905D37 #A07453 #527EA0

Analogous Palette

#46726F #4B7C79 #336387 #366990 #4B4E7C #5D6083

Triadic Palette

#305C7F #366990 #9A2D6B #A6467D #6B9A2D #5E8828

Split Complementary Palette

#315F82 #366990 #90373D #9B4B50 #908A37 #827C32

Square Palette

#2D5879 #366990 #824186 #865F41 #3D9037 #5CA257

Tetradic Palette

#2C5676 #366990 #5B25A2 #905D37 #6CA225 #86B34C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366990 contains 54 red, 105 green, and 144 blue.

Contrast Ratio: 5.86:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.58:1