#366581 Color

Color Information

HEX	#366581
RGB	54, 101, 129
HSL	202° , 41% , 36%
HSV	202° , 58% , 51%
CMYK	58%, 22%, 0%, 49%

Lighter Shades

#4E7790 #668A9F #7E9CAE #96AFBD #AFC1CD #C7D4DC

Darker Shades

#305972 #294D62 #234153 #1C3543 #162834 #0F1C24

Complementary Palette

#2E576F #366581 #6F472E #815236 #936A52 #527B93

Analogous Palette

#426661 #496F6A #335F79 #366581 #494E6F #595D78

Triadic Palette

#305972 #366581 #8B2D68 #99467A #688B2D #5C7A28

Split Complementary Palette

#315B74 #366581 #813640 #8E4A53 #817736 #746B31

Square Palette

#2D556C #366581 #713F78 #78543F #408136 #5F9556

Tetradic Palette

#2C536A #366581 #4D2692 #815236 #6A9226 #85A64D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #366581 contains 54 red, 101 green, and 129 blue.

Contrast Ratio: 6.31:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.33:1