#3172AC Color

Color Information

HEX#3172AC
RGB49, 114, 172
HSL208° , 56% , 43%
HSV208° , 72% , 67%
CMYK72%, 34%, 0%, 33%

Lighter Shades

#4A83B6 #6294C0 #7BA5CA #94B6D4 #ADC7DE #C5D8E8

Darker Shades

#2B6497 #255783 #1F496E #193B59 #142E45 #0E2030

Complementary Palette

#2A6294 #3172AC #935B29 #AB6A30 #B77F4D #4E86B8

Analogous Palette

#408785 #469592 #2E6BA2 #3172AC #464995 #595C9B

Triadic Palette

#2B6497 #3172AC #B62572 #BF3F83 #72B625 #64A021

Split Complementary Palette

#2C679B #3172AC #AB3034 #B34548 #ABA730 #9A962B

Square Palette

#296090 #3172AC #9D3BA0 #A06A3B #34AB30 #54B851

Tetradic Palette

#285D8D #3172AC #681DBF #AB6A30 #73BF1D #8CCB46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3172AC contains 49 red, 114 green, and 172 blue.

Contrast Ratio: 5.06:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.15:1