#31AADE Color

Color Information

HEX#31AADE
RGB49, 170, 222
HSL198° , 72% , 53%
HSV198° , 78% , 87%
CMYK78%, 23%, 0%, 13%

Lighter Shades

#4AB4E2 #62BEE6 #7BC9EA #94D3EE #ADDDF2 #C5E7F6

Darker Shades

#2B96C3 #2581A9 #1F6D8E #195873 #144459 #0E303E

Complementary Palette

#2A92BF #31AADE #BE572A #DD6531 #E27B4E #4EB6E3

Analogous Palette

#46B49E #49C5AD #2EA0D1 #31AADE #4962C5 #586FCA

Triadic Palette

#2B96C3 #31AADE #E925AE #EC3FB8 #AEE925 #99CD21

Split Complementary Palette

#2C99C8 #31AADE #DD3153 #E04664 #DDBB31 #C7A82C

Square Palette

#298FBA #31AADE #B43DD1 #D1693D #53DD31 #6FE252

Tetradic Palette

#288BB6 #31AADE #5C1BF3 #DD6531 #B2F31B #C0F544

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31AADE contains 49 red, 170 green, and 222 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.04:1