#5A8CD0 Color

Color Information

HEX#5A8CD0
RGB90, 140, 208
HSL215° , 56% , 58%
HSV215° , 57% , 82%
CMYK57%, 33%, 0%, 18%

Lighter Shades

#6E9AD6 #82A8DB #95B5E1 #A9C3E7 #BDD1EC #D1DFF2

Darker Shades

#4F7BB7 #446A9E #3A5A85 #2F496C #243853 #19273A

Complementary Palette

#4D78B3 #5A8CD0 #B3884C #D09E58 #D7AC6F #719CD7

Analogous Palette

#68A1A6 #6DB4BA #5584C4 #5A8CD0 #746DBA #7E78BF

Triadic Palette

#4F7BB7 #5A8CD0 #DB4D88 #DF6296 #88DB4D #78C144

Split Complementary Palette

#517EBB #5A8CD0 #D06258 #D57269 #C6D058 #B2BB4F

Square Palette

#4C76AF #5A8CD0 #C563BD #C59C63 #58D062 #73D87B

Tetradic Palette

#4A73AB #5A8CD0 #A145E3 #D09E58 #87E345 #9DE866

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5A8CD0 contains 90 red, 140 green, and 208 blue.

Contrast Ratio: 3.4:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.18:1