#3594B2 Color

Color Information

HEX#3594B2
RGB53, 148, 178
HSL194° , 54% , 45%
HSV194° , 70% , 70%
CMYK70%, 17%, 0%, 30%

Lighter Shades

#4DA1BB #65AEC4 #7EBBCE #96C7D7 #AED4E0 #C6E1E9

Darker Shades

#2F829D #287087 #225F72 #1C4D5D #153B47 #0F2932

Complementary Palette

#2E7F99 #3594B2 #98472E #B15235 #BC6A51 #51A3BD

Analogous Palette

#47907C #4C9A85 #328BA7 #3594B2 #4C619A #5E6E9C

Triadic Palette

#2F829D #3594B2 #BC299A #C443A6 #9ABC29 #88A524

Split Complementary Palette

#3085A0 #3594B2 #B13556 #B94967 #B19035 #9F8230

Square Palette

#2D7C96 #3594B2 #8A40A5 #A55840 #56B135 #71BD55

Tetradic Palette

#2B7992 #3594B2 #4720C5 #B15235 #9FC520 #B0CF48

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3594B2 contains 53 red, 148 green, and 178 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