#366794 Color

Color Information

HEX#366794
RGB54, 103, 148
HSL209° , 47% , 40%
HSV209° , 64% , 58%
CMYK64%, 30%, 0%, 42%

Lighter Shades

#4E79A1 #668BAE #7E9EBB #96B0C7 #AFC2D4 #C7D4E1

Darker Shades

#305B82 #294E70 #23425F #1C364D #16293B #0F1D29

Complementary Palette

#2E597F #366794 #81562E #966436 #A57A52 #527CA3

Analogous Palette

#457877 #4A8281 #33618B #366794 #4A4B82 #5D5E89

Triadic Palette

#305B82 #366794 #A02C68 #AB457A #68A02C #5C8D27

Split Complementary Palette

#315D85 #366794 #963638 #A14A4C #969436 #878531

Square Palette

#2D577C #366794 #8A408C #8C6540 #389636 #58A756

Tetradic Palette

#2C5479 #366794 #6424A8 #966436 #68A824 #83B84B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366794 contains 54 red, 103 green, and 148 blue.

Contrast Ratio: 5.96:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.52:1