#5AB2D2 Color

Color Information

HEX#5AB2D2
RGB90, 178, 210
HSL196° , 57% , 59%
HSV196° , 57% , 82%
CMYK57%, 15%, 0%, 18%

Lighter Shades

#6EBBD7 #82C4DD #95CEE2 #A9D7E8 #BDE0ED #D1E9F2

Darker Shades

#4F9DB9 #4487A0 #3A7286 #2F5D6D #244754 #19323B

Complementary Palette

#4D99B5 #5AB2D2 #B56A4E #D27B5B #D88D72 #71BDD8

Analogous Palette

#6AA99B #70BDAB #55A7C5 #5AB2D2 #7082BD #7A8BC2

Triadic Palette

#4F9DB9 #5AB2D2 #DC50B7 #E065C0 #B7DC50 #A1C246

Split Complementary Palette

#51A0BD #5AB2D2 #D25B77 #D76B85 #D2B65B #BDA452

Square Palette

#4C96B0 #5AB2D2 #B165C8 #C88065 #77D25B #8DD975

Tetradic Palette

#4A92AC #5AB2D2 #7248E5 #D27B5B #BBE548 #C7EA69

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5AB2D2 contains 90 red, 178 green, and 210 blue.

Contrast Ratio: 2.37:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.86:1