#345AB3 Color

Color Information

HEX#345AB3
RGB52, 90, 179
HSL222° , 55% , 45%
HSV222° , 71% , 70%
CMYK71%, 50%, 0%, 30%

Lighter Shades

#4C6EBC #6582C5 #7D95CE #95A9D7 #AEBDE1 #C6D1EA

Darker Shades

#2E4F9E #284488 #213A73 #1B2F5D #152448 #0F1932

Complementary Palette

#2D4D9A #345AB3 #99782D #B28C34 #BD9C50 #5071BE

Analogous Palette

#468291 #4B8B9B #3155A8 #345AB3 #5B4B9B #695C9D

Triadic Palette

#2E4F9E #345AB3 #BD2855 #C54269 #55BD28 #4BA623

Split Complementary Palette

#2F51A1 #345AB3 #B24D34 #BA5F48 #99B234 #8AA02F

Square Palette

#2C4C96 #345AB3 #A63F92 #A6873F #34B24D #54BE69

Tetradic Palette

#2B4A93 #345AB3 #941FC7 #B28C34 #51C71F #70D147

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345AB3 contains 52 red, 90 green, and 179 blue.

Contrast Ratio: 6.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.24:1