#5AA6E0 Color

Color Information

HEX	#5AA6E0
RGB	90, 166, 224
HSL	206° , 68% , 62%
HSV	206° , 60% , 88%
CMYK	60%, 26%, 0%, 12%

Lighter Shades

#6EB1E4 #82BBE7 #95C6EB #A9D1EF #BDDBF3 #D1E6F6

Darker Shades

#4F92C5 #447EAA #3A6A8F #2F5674 #24425A #192E3F

Complementary Palette

#4D8FC1 #5AA6E0 #C1804F #E0955C #E4A473 #71B2E4

Analogous Palette

#6BB8B3 #70CDC6 #559CD3 #5AA6E0 #7076CD #7B81D1

Triadic Palette

#4F92C5 #5AA6E0 #EA53A8 #ED68B2 #A8EA53 #94CE49

Split Complementary Palette

#5195CA #5AA6E0 #E05C65 #E36C74 #E0D75C #CAC253

Square Palette

#4C8BBC #5AA6E0 #CF66D6 #D69766 #65E05C #7EE576

Tetradic Palette

#4A88B8 #5AA6E0 #934BF1 #E0955C #A9F14B #B8F46B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AA6E0 contains 90 red, 166 green, and 224 blue.

Contrast Ratio: 2.6:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.08:1