#3150A6 Color

Color Information

HEX#3150A6
RGB49, 80, 166
HSL224° , 54% , 42%
HSV224° , 70% , 65%
CMYK70%, 52%, 0%, 35%

Lighter Shades

#4A65B1 #627ABB #7B8FC6 #94A4D1 #ADB9DB #C5CEE6

Darker Shades

#2B4692 #253D7E #1F336A #192A56 #142042 #0E162E

Complementary Palette

#2A458F #3150A6 #8E732A #A58631 #B2974E #4E69B2

Analogous Palette

#427585 #477F90 #2E4B9C #3150A6 #584790 #665893

Triadic Palette

#2B4692 #3150A6 #B0274B #B94161 #4BB027 #429B22

Split Complementary Palette

#2C4895 #3150A6 #A54C31 #AE5E46 #8AA531 #7C952C

Square Palette

#29438B #3150A6 #9A3C84 #9A813C #31A54C #52B369

Tetradic Palette

#284288 #3150A6 #8F1EB8 #A58631 #47B81E #68C547

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3150A6 contains 49 red, 80 green, and 166 blue.

Contrast Ratio: 7.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.79:1