#3271AE Color

Color Information

HEX#3271AE
RGB50, 113, 174
HSL210° , 55% , 44%
HSV210° , 71% , 68%
CMYK71%, 35%, 0%, 32%

Lighter Shades

#4B82B8 #6393C1 #7CA4CB #94B5D5 #ADC6DF #C6D7E8

Darker Shades

#2C6399 #265684 #20486F #1A3B5A #142D46 #0E2031

Complementary Palette

#2B6196 #3271AE #96602B #AE7032 #B9844F #4F85B9

Analogous Palette

#428A8A #499797 #2F6AA4 #3271AE #494997 #5B5B9A

Triadic Palette

#2C6399 #3271AE #B92770 #C14181 #70B927 #63A322

Split Complementary Palette

#2D669D #3271AE #AE3232 #B64747 #AEAE32 #9D9D2D

Square Palette

#2A5F92 #3271AE #A33EA3 #A3703E #32AE32 #53BB53

Tetradic Palette

#295D8F #3271AE #701EC2 #AE7032 #70C21E #8ACD47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3271AE contains 50 red, 113 green, and 174 blue.

Contrast Ratio: 5.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.13:1