#5283D2 Color

Color Information

HEX#5283D2
RGB82, 131, 210
HSL217° , 59% , 57%
HSV217° , 61% , 82%
CMYK61%, 38%, 0%, 18%

Lighter Shades

#6792D7 #7CA1DD #90B0E2 #A5BFE8 #BACDED #CFDCF2

Darker Shades

#4873B9 #3E64A0 #345486 #2B446D #213454 #17253B

Complementary Palette

#4771B5 #5283D2 #B58A46 #D2A051 #D8AD69 #6A94D8

Analogous Palette

#64A2AA #67B2BC #4D7BC5 #5283D2 #7167BC #7E75C2

Triadic Palette

#4873B9 #5283D2 #DD4680 #E15C8F #80DD46 #71C23E

Split Complementary Palette

#4A76BD #5283D2 #D26051 #D77062 #C3D251 #B0BD49

Square Palette

#456EB0 #5283D2 #C75CBB #C79E5C #51D260 #6DD979

Tetradic Palette

#436BAC #5283D2 #A53DE6 #D2A051 #7EE63D #95EB60

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5283D2 contains 82 red, 131 green, and 210 blue.

Contrast Ratio: 3.75:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.6:1