#3152B4 Color

Color Information

HEX#3152B4
RGB49, 82, 180
HSL225° , 57% , 45%
HSV225° , 73% , 71%
CMYK73%, 54%, 0%, 29%

Lighter Shades

#4A67BD #627CC6 #7B90CF #94A5D8 #ADBAE1 #C5CFEA

Darker Shades

#2B489E #253E89 #1F3473 #192B5E #142148 #0E1732

Complementary Palette

#2A479B #3152B4 #9B7E2A #B49331 #BFA24E #4E6ABF

Analogous Palette

#427C8F #48889D #2E4DA9 #3152B4 #5E489D #6B5AA0

Triadic Palette

#2B489E #3152B4 #C0264C #C84061 #4CC026 #43A921

Split Complementary Palette

#2C4AA2 #3152B4 #B45231 #BC6346 #93B431 #84A22C

Square Palette

#294597 #3152B4 #A93D8E #A98E3D #31B452 #52C06E

Tetradic Palette

#284394 #3152B4 #9E1DC9 #B49331 #48C91D #69D346

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3152B4 contains 49 red, 82 green, and 180 blue.

Contrast Ratio: 7.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.96:1