#34A5D1 Color

Color Information

HEX#34A5D1
RGB52, 165, 209
HSL197° , 63% , 51%
HSV197° , 75% , 82%
CMYK75%, 21%, 0%, 18%

Lighter Shades

#4CB0D7 #65BBDC #7DC5E2 #95D0E7 #AEDBED #C6E6F2

Darker Shades

#2E91B8 #287D9F #216A86 #1B566D #154254 #0F2E3B

Complementary Palette

#2D8EB4 #34A5D1 #B4532C #D16033 #D77650 #50B2D7

Analogous Palette

#47A994 #4CB8A0 #319BC4 #34A5D1 #4C64B8 #5B70BE

Triadic Palette

#2E91B8 #34A5D1 #DD27AA #E141B4 #AADD27 #96C222

Split Complementary Palette

#2F95BC #34A5D1 #D13355 #D64766 #D1AF33 #BC9E2E

Square Palette

#2C8BB0 #34A5D1 #A840C4 #C46540 #55D133 #70D854

Tetradic Palette

#2B87AB #34A5D1 #561DE7 #D16033 #AEE71D #BDEB46

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #34A5D1 contains 52 red, 165 green, and 209 blue.

Contrast Ratio: 2.78:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.55:1