#6A9AD4 Color

Color Information

HEX#6A9AD4
RGB106, 154, 212
HSL213° , 55% , 62%
HSV213° , 50% , 83%
CMYK50%, 27%, 0%, 17%

Lighter Shades

#7CA6D9 #8EB2DE #A0BEE3 #B2CAE9 #C3D7EE #D5E3F3

Darker Shades

#5D88BB #5175A1 #446388 #37506E #2A3E55 #1E2B3B

Complementary Palette

#5B84B6 #6A9AD4 #B58C5A #D3A369 #D9B07E #7FA8DA

Analogous Palette

#77AAAC #7CBDC0 #6491C7 #6A9AD4 #807CC0 #8A87C5

Triadic Palette

#5D88BB #6A9AD4 #DD5F98 #E172A4 #98DD5F #86C254

Split Complementary Palette

#5F8BBF #6A9AD4 #D36E69 #D77D78 #CED369 #B9BE5F

Square Palette

#5981B2 #6A9AD4 #CA72C5 #CAA272 #69D36E #81DA85

Tetradic Palette

#577EAE #6A9AD4 #A557E5 #D3A369 #97E557 #AAEA75

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #6A9AD4 contains 106 red, 154 green, and 212 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.29:1