#5F9AD4 Color

Color Information

HEX	#5F9AD4
RGB	95, 154, 212
HSL	210° , 58% , 60%
HSV	210° , 55% , 83%
CMYK	55%, 27%, 0%, 17%

Lighter Shades

#72A6D9 #85B2DE #99BEE3 #ACCAE9 #BFD7EE #D2E3F3

Darker Shades

#5488BB #4875A1 #3D6388 #31506E #263E55 #1B2B3B

Complementary Palette

#5284B6 #5F9AD4 #B68451 #D4995E #DAA775 #75A8DA

Analogous Palette

#6CACAC #72C0C0 #5991C7 #5F9AD4 #7272C0 #7E7EC4

Triadic Palette

#5488BB #5F9AD4 #DE5499 #E269A5 #99DE54 #87C34A

Split Complementary Palette

#568BBF #5F9AD4 #D45E5E #D86E6E #D4D45E #BFBF55

Square Palette

#5081B2 #5F9AD4 #CA68CA #CA9968 #5ED45E #78DB78

Tetradic Palette

#4E7EAE #5F9AD4 #994BE7 #D4995E #99E74B #ABEB6B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5F9AD4 contains 95 red, 154 green, and 212 blue.

Contrast Ratio: 2.93:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.16:1