#349EA2 Color

Color Information

HEX#349EA2
RGB52, 158, 162
HSL182° , 51% , 42%
HSV182° , 68% , 64%
CMYK68%, 2%, 0%, 36%

Lighter Shades

#4CAAAD #65B5B8 #7DC1C3 #95CDCF #AED8DA #C6E4E5

Darker Shades

#2E8B8F #28787B #216568 #1B5254 #153F41 #0F2C2D

Complementary Palette

#2D888B #349EA2 #8B302D #A23834 #AF5450 #50ACAF

Analogous Palette

#458266 #4A8C6D #319598 #349EA2 #4A698C #5A7490

Triadic Palette

#2E8B8F #349EA2 #AC2AA8 #B644B2 #A8AC2A #949725

Split Complementary Palette

#2F8E92 #349EA2 #A23467 #AB4876 #A26F34 #92642F

Square Palette

#2C8588 #349EA2 #6E3F97 #97423F #67A234 #7FB154

Tetradic Palette

#2B8285 #349EA2 #2621B5 #A23834 #B0B521 #BEC249

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #349EA2 contains 52 red, 158 green, and 162 blue.

Contrast Ratio: 3.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.65:1