#345AD8 Color

Color Information

HEX#345AD8
RGB52, 90, 216
HSL226° , 68% , 53%
HSV226° , 76% , 85%
CMYK76%, 58%, 0%, 15%

Lighter Shades

#4C6EDD #6582E1 #7D95E6 #95A9EB #AEBDEF #C6D1F4

Darker Shades

#2E4FBE #2844A4 #213A8A #1B2F70 #152456 #0F193C

Complementary Palette

#2D4DBA #345AD8 #BB9A2E #D9B336 #DEBE52 #5071DD

Analogous Palette

#4B94AF #4EA2C1 #3155CB #345AD8 #6C4EC1 #795DC6

Triadic Palette

#2E4FBE #345AD8 #E52A55 #E84469 #55E52A #4BCA25

Split Complementary Palette

#2F51C2 #345AD8 #D96136 #DD714A #ADD936 #9CC331

Square Palette

#2C4CB5 #345AD8 #CD42A8 #CDAC42 #36D961 #56DF7A

Tetradic Palette

#2B4AB1 #345AD8 #BE20EE #D9B336 #50EE20 #70F148

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #345AD8 contains 52 red, 90 green, and 216 blue.

Contrast Ratio: 5.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.58:1