#3470B2 Color

Color Information

HEX#3470B2
RGB52, 112, 178
HSL211° , 55% , 45%
HSV211° , 71% , 70%
CMYK71%, 37%, 0%, 30%

Lighter Shades

#4C81BB #6592C4 #7DA3CE #95B5D7 #AEC6E0 #C6D7E9

Darker Shades

#2E639D #285587 #214872 #1B3A5D #152D47 #0F1F32

Complementary Palette

#2D6099 #3470B2 #99652D #B27534 #BD8850 #5084BD

Analogous Palette

#468F91 #4B9A9B #3169A7 #3470B2 #4C4B9B #5E5C9D

Triadic Palette

#2E639D #3470B2 #BD2870 #C54281 #70BD28 #63A623

Split Complementary Palette

#2F65A0 #3470B2 #B23634 #BA4A48 #B0B234 #9EA02F

Square Palette

#2C5E96 #3470B2 #A63FA5 #A6743F #34B236 #54BE56

Tetradic Palette

#2B5C92 #3470B2 #761FC7 #B27534 #70C71F #8AD147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3470B2 contains 52 red, 112 green, and 178 blue.

Contrast Ratio: 5.09:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.12:1