#3166AD Color

Color Information

HEX#3166AD
RGB49, 102, 173
HSL214° , 56% , 44%
HSV214° , 72% , 68%
CMYK72%, 41%, 0%, 32%

Lighter Shades

#4A78B7 #628BC1 #7B9DCB #94AFD4 #ADC2DE #C5D4E8

Darker Shades

#2B5A98 #254E83 #1F416F #19355A #142945 #0E1D30

Complementary Palette

#2A5895 #3166AD #97682A #AF7931 #BA8C4E #4E7BB8

Analogous Palette

#41868B #489399 #2E60A3 #3166AD #4D4899 #5F599B

Triadic Palette

#2B5A98 #3166AD #BA2666 #C24078 #66BA26 #5AA421

Split Complementary Palette

#2C5C9C #3166AD #AF3A31 #B74E46 #A7AF31 #969E2C

Square Palette

#295691 #3166AD #A43D9D #A4773D #31AF3A #52BC5A

Tetradic Palette

#28548E #3166AD #7B1DC3 #AF7931 #65C31D #81CE46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3166AD contains 49 red, 102 green, and 173 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.63:1