#345DCB Color

Color Information

HEX#345DCB
RGB52, 93, 203
HSL224° , 59% , 50%
HSV224° , 74% , 80%
CMYK74%, 54%, 0%, 20%

Lighter Shades

#4C70D1 #6584D7 #7D97DE #95ABE4 #AEBEEA #C6D2F0

Darker Shades

#2E52B3 #28479A #213C82 #1B306A #152551 #0F1A39

Complementary Palette

#2D50AF #345DCB #AF8C2D #CBA334 #D2B050 #5074D2

Analogous Palette

#488EA3 #4E9AB1 #3157BF #345DCB #654EB1 #715CB7

Triadic Palette

#2E52B3 #345DCB #D72856 #DC426A #56D728 #4CBD23

Split Complementary Palette

#2F54B7 #345DCB #CB5734 #D06848 #A8CB34 #97B72F

Square Palette

#2C4EAB #345DCB #BE41A1 #BE9D41 #34CB57 #54D372

Tetradic Palette

#2B4CA6 #345DCB #AD1DE2 #CBA334 #52E21D #71E746

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345DCB contains 52 red, 93 green, and 203 blue.

Contrast Ratio: 5.9:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.56:1