#31A4F1 Color

Color Information

HEX	#31A4F1
RGB	49, 164, 241
HSL	204° , 87% , 57%
HSV	204° , 80% , 95%
CMYK	80%, 32%, 0%, 5%

Lighter Shades

#4AAFF3 #62BAF4 #7BC5F6 #94D0F8 #ADDBF9 #C5E6FB

Darker Shades

#2B90D4 #257DB7 #1F699A #19557D #144260 #0E2E43

Complementary Palette

#2A8DCF #31A4F1 #CF6C2B #F17E32 #F3904F #4EB1F3

Analogous Palette

#48C7BA #48DBCC #2E9AE3 #31A4F1 #4857DB #5562DD

Triadic Palette

#2B90D4 #31A4F1 #FC27A7 #FC41B2 #A7FC27 #93DE22

Split Complementary Palette

#2C94D9 #31A4F1 #F13245 #F24758 #F1DE32 #D9C82D

Square Palette

#298ACA #31A4F1 #D53DE6 #E6803D #45F132 #63F353

Tetradic Palette

#2886C6 #31A4F1 #7B24FF #F17E32 #A7FF24 #B7FF4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #31A4F1 contains 49 red, 164 green, and 241 blue.

Contrast Ratio: 2.69:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.8:1