#3168B0 Color

Color Information

HEX#3168B0
RGB49, 104, 176
HSL214° , 56% , 44%
HSV214° , 72% , 69%
CMYK72%, 41%, 0%, 31%

Lighter Shades

#4A7AB9 #628CC3 #7B9ECC #94B0D6 #ADC3DF #C5D5E9

Darker Shades

#2B5C9B #254F86 #1F4371 #19365C #142A46 #0E1D31

Complementary Palette

#2A5997 #3168B0 #97682A #AF7931 #BA8C4E #4E7DBB

Analogous Palette

#41868B #489399 #2E62A5 #3168B0 #4D4899 #5F599B

Triadic Palette

#2B5C9B #3168B0 #BA2666 #C24078 #66BA26 #5AA421

Split Complementary Palette

#2C5E9E #3168B0 #AF3A31 #B74E46 #A7AF31 #969E2C

Square Palette

#295794 #3168B0 #A43D9D #A4773D #31AF3A #52BC5A

Tetradic Palette

#285590 #3168B0 #7B1DC3 #AF7931 #65C31D #81CE46

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3168B0 contains 49 red, 104 green, and 176 blue.

Contrast Ratio: 5.61:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.74:1