#3554B5 Color

Color Information

HEX#3554B5
RGB53, 84, 181
HSL225° , 55% , 46%
HSV225° , 71% , 71%
CMYK71%, 54%, 0%, 29%

Lighter Shades

#4D69BE #657DC7 #7E92D0 #96A6D9 #AEBBE1 #C6CFEA

Darker Shades

#2F4A9F #28408A #223674 #1C2C5E #152248 #0F1833

Complementary Palette

#2E489C #3554B5 #9D812E #B69635 #C0A551 #516CBF

Analogous Palette

#467E91 #4C8A9E #324FAA #3554B5 #614C9E #6E5DA2

Triadic Palette

#2F4A9F #3554B5 #C2294F #C94364 #4FC229 #46AB24

Split Complementary Palette

#304CA3 #3554B5 #B65535 #BD6649 #96B635 #87A430

Square Palette

#2D4798 #3554B5 #AA4190 #AA9041 #35B655 #55C270

Tetradic Palette

#2B4594 #3554B5 #A020CB #B69635 #4ACB20 #6BD448

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3554B5 contains 53 red, 84 green, and 181 blue.

Contrast Ratio: 6.87:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.06:1