#349AA4 Color

Color Information

HEX#349AA4
RGB52, 154, 164
HSL185° , 52% , 42%
HSV185° , 68% , 64%
CMYK68%, 6%, 0%, 36%

Lighter Shades

#4CA6AF #65B2BA #7DBEC5 #95CAD0 #AED7DB #C6E3E6

Darker Shades

#2E8890 #28757D #216369 #1B5055 #153E42 #0F2B2E

Complementary Palette

#2D848D #349AA4 #8C342C #A33D33 #B05850 #50A8B1

Analogous Palette

#448369 #498D71 #31919A #349AA4 #49658D #5A7290

Triadic Palette

#2E8890 #349AA4 #AE29A2 #B843AD #A2AE29 #8F9924

Split Complementary Palette

#2F8B94 #349AA4 #A33362 #AC4772 #A37433 #93682E

Square Palette

#2C818A #349AA4 #733E98 #98463E #62A333 #7BB254

Tetradic Palette

#2B7E86 #349AA4 #2D20B6 #A33D33 #AAB620 #B9C348

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #349AA4 contains 52 red, 154 green, and 164 blue.

Contrast Ratio: 3.29:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.39:1