#3454B0 Color

Color Information

HEX#3454B0
RGB52, 84, 176
HSL225° , 54% , 45%
HSV225° , 70% , 69%
CMYK70%, 52%, 0%, 31%

Lighter Shades

#4C69B9 #657DC3 #7D92CC #95A6D6 #AEBBDF #C6CFE9

Darker Shades

#2E4A9B #284086 #213671 #1B2C5C #152246 #0F1831

Complementary Palette

#2D4897 #3454B0 #987E2E #B19235 #BCA151 #506CBB

Analogous Palette

#477D90 #4C869A #314FA5 #3454B0 #5F4C9A #6D5E9C

Triadic Palette

#2E4A9B #3454B0 #BC294E #C44363 #4EBC29 #45A524

Split Complementary Palette

#2F4C9E #3454B0 #B15435 #B96549 #92B135 #839F30

Square Palette

#2C4794 #3454B0 #A5408C #A58C40 #35B154 #55BD6F

Tetradic Palette

#2B4590 #3454B0 #9C20C5 #B19235 #49C520 #6ACF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3454B0 contains 52 red, 84 green, and 176 blue.

Contrast Ratio: 6.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.01:1