#364485 Color

Color Information

HEX#364485
RGB54, 68, 133
HSL229° , 42% , 37%
HSV229° , 59% , 52%
CMYK59%, 49%, 0%, 48%

Lighter Shades

#4E5A94 #6671A2 #7E87B1 #969EC0 #AFB4CE #C7CBDD

Darker Shades

#303C75 #293465 #232C55 #1C2345 #161B35 #0F1325

Complementary Palette

#2E3A72 #364485 #73662F #867737 #978A53 #525E96

Analogous Palette

#445D69 #4A6673 #33407D #364485 #574A73 #655B7B

Triadic Palette

#303C75 #364485 #8F2D3F #9C4656 #3F8F2D #377E28

Split Complementary Palette

#313D78 #364485 #865037 #92624B #6D8637 #627932

Square Palette

#2D3970 #364485 #7D4069 #7D7140 #378650 #57996C

Tetradic Palette

#2C386D #364485 #822697 #867737 #3A9726 #5DAA4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #364485 contains 54 red, 68 green, and 133 blue.

Contrast Ratio: 9.27:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.27:1