#356AB1 Color

Color Information

HEX#356AB1
RGB53, 106, 177
HSL214° , 54% , 45%
HSV214° , 70% , 69%
CMYK70%, 40%, 0%, 31%

Lighter Shades

#4D7CBA #658EC4 #7EA0CD #96B2D6 #AEC3E0 #C6D5E9

Darker Shades

#2F5D9C #285187 #224471 #1C375C #152A47 #0F1E32

Complementary Palette

#2E5B98 #356AB1 #986A2E #B17B35 #BC8D51 #517FBC

Analogous Palette

#478B90 #4C959A #3264A6 #356AB1 #514C9A #625E9C

Triadic Palette

#2F5D9C #356AB1 #BC2969 #C4437B #69BC29 #5CA524

Split Complementary Palette

#305F9F #356AB1 #B13D35 #B95049 #A8B135 #979F30

Square Palette

#2D5995 #356AB1 #A5409F #A57940 #35B13D #55BD5C

Tetradic Palette

#2B5791 #356AB1 #7E20C5 #B17B35 #68C520 #83CF48

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #356AB1 contains 53 red, 106 green, and 177 blue.

Contrast Ratio: 5.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.85:1