#515AA0 Color

Color Information

HEX#515AA0
RGB81, 90, 160
HSL233° , 33% , 47%
HSV233° , 49% , 63%
CMYK49%, 44%, 0%, 37%

Lighter Shades

#666EAB #7B82B7 #9095C2 #A5A9CE #B9BDD9 #CED1E4

Darker Shades

#474F8D #3E447A #343A66 #2A2F53 #202440 #17192D

Complementary Palette

#464D8A #515AA0 #898145 #9F9650 #ACA569 #6971AD

Analogous Palette

#5D717E #667C8A #4C5596 #515AA0 #74668A #7E6F95

Triadic Palette

#474F8D #515AA0 #AB4452 #B55A67 #52AB44 #48963C

Split Complementary Palette

#495190 #515AA0 #9F6F50 #A97D62 #819F50 #748F48

Square Palette

#444C86 #515AA0 #935C7E #938D5C #509F6F #6CAE86

Tetradic Palette

#424A83 #515AA0 #A73BB5 #9F9650 #4BB53B #6BC25E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #515AA0 contains 81 red, 90 green, and 160 blue.

Contrast Ratio: 6.35:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.31:1