#3496A2 Color

Color Information

HEX#3496A2
RGB52, 150, 162
HSL187° , 51% , 42%
HSV187° , 68% , 64%
CMYK68%, 7%, 0%, 36%

Lighter Shades

#4CA3AD #65AFB8 #7DBCC3 #95C8CF #AED5DA #C6E2E5

Darker Shades

#2E848F #28727B #216068 #1B4E54 #153C41 #0F2A2D

Complementary Palette

#2D818B #3496A2 #8B382D #A24134 #AF5C50 #50A5AF

Analogous Palette

#45826B #4A8C73 #318D98 #3496A2 #4A638C #5A6F90

Triadic Palette

#2E848F #3496A2 #AC2A9D #B644A9 #9DAC2A #8A9725

Split Complementary Palette

#2F8792 #3496A2 #A2345E #AB486E #A27834 #926C2F

Square Palette

#2C7E88 #3496A2 #753F97 #97493F #5EA234 #78B154

Tetradic Palette

#2B7B85 #3496A2 #3221B5 #A24134 #A4B521 #B4C249

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3496A2 contains 52 red, 150 green, and 162 blue.

Contrast Ratio: 3.44:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.11:1