#31A4DD Color

Color Information

HEX	#31A4DD
RGB	49, 164, 221
HSL	200° , 72% , 53%
HSV	200° , 78% , 87%
CMYK	78%, 26%, 0%, 13%

Lighter Shades

#4AAFE1 #62BAE5 #7BC5E9 #94D0ED #ADDBF1 #C5E6F5

Darker Shades

#2B90C2 #257DA8 #1F698D #195573 #144258 #0E2E3E

Complementary Palette

#2A8DBE #31A4DD #BE5B2A #DD6A31 #E27F4E #4EB1E2

Analogous Palette

#46B4A3 #49C5B1 #2E9AD0 #31A4DD #495EC5 #586BCA

Triadic Palette

#2B90C2 #31A4DD #E925A8 #EC3FB2 #A8E925 #94CD21

Split Complementary Palette

#2C94C7 #31A4DD #DD314E #E04660 #DDC131 #C7AE2C

Square Palette

#298ABA #31A4DD #B93DD1 #D16E3D #4EDD31 #6AE252

Tetradic Palette

#2886B5 #31A4DD #631BF3 #DD6A31 #ABF31B #BAF544

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31A4DD contains 49 red, 164 green, and 221 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.58:1