#349BD3 Color

Color Information

HEX#349BD3
RGB52, 155, 211
HSL201° , 64% , 52%
HSV201° , 75% , 83%
CMYK75%, 27%, 0%, 17%

Lighter Shades

#4CA7D8 #65B3DE #7DBFE3 #95CBE8 #AED7ED #C6E3F3

Darker Shades

#2E88BA #2876A0 #216387 #1B516E #153E54 #0F2B3B

Complementary Palette

#2D85B5 #349BD3 #B55E2E #D36D36 #D98152 #50A9D9

Analogous Palette

#4BAA9C #4FBAAA #3192C6 #349BD3 #4F5FBA #5D6CC0

Triadic Palette

#2E88BA #349BD3 #DF2AA0 #E344AB #A0DF2A #8DC425

Split Complementary Palette

#2F8CBE #349BD3 #D3364E #D74A60 #D3BB36 #BEA831

Square Palette

#2C82B1 #349BD3 #B343C7 #C77143 #4ED336 #6ADA56

Tetradic Palette

#2B7FAD #349BD3 #6620E9 #D36D36 #A3E920 #B4ED48

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #349BD3 contains 52 red, 155 green, and 211 blue.

Contrast Ratio: 3.06:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.86:1