#5A82C3 Color

Color Information

HEX	#5A82C3
RGB	90, 130, 195
HSL	217° , 47% , 56%
HSV	217° , 54% , 76%
CMYK	54%, 33%, 0%, 24%

Lighter Shades

#6E91CA #82A0D1 #95AFD9 #A9BEE0 #BDCDE7 #D1DCEE

Darker Shades

#4F72AC #446394 #3A537D #2F4465 #24344E #192437

Complementary Palette

#4D70A8 #5A82C3 #A9854D #C49B5A #CCA971 #7194CB

Analogous Palette

#6D969C #71A6AD #557AB7 #5A82C3 #7871AD #837CB6

Triadic Palette

#4F72AC #5A82C3 #CF4F80 #D5648F #80CF4F #71B646

Split Complementary Palette

#5175B0 #5A82C3 #C4665A #CA756B #B7C45A #A5B051

Square Palette

#4C6DA4 #5A82C3 #B865AF #B89865 #5AC466 #74CD7E

Tetradic Palette

#4A6BA0 #5A82C3 #A046D8 #C49B5A #7ED846 #95DF67

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A82C3 contains 90 red, 130 green, and 195 blue.

Contrast Ratio: 3.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.48:1