#053D96 Color

Color Information

HEX#053D96
RGB5, 61, 150
HSL217° , 94% , 30%
HSV217° , 97% , 59%
CMYK97%, 59%, 0%, 41%

Lighter Shades

#2354A3 #416CAF #5F83BC #7D9AC8 #9BB1D5 #B9C9E2

Darker Shades

#043684 #042E72 #032760 #03204E #02183C #01112A

Complementary Palette

#043481 #053D96 #7F5004 #945D05 #A37428 #2858A5

Analogous Palette

#136F7C #157784 #05398D #053D96 #221584 #362B8C

Triadic Palette

#043684 #053D96 #99003B #A51F53 #3B9900 #348700

Split Complementary Palette

#053787 #053D96 #941505 #9F2C1E #849405 #778505

Square Palette

#04337E #053D96 #8C0D7D #8C5B0D #059415 #2DA53A

Tetradic Palette

#04327B #053D96 #5E0099 #945D05 #3B9900 #5EAB2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #053D96 contains 5 red, 61 green, and 150 blue.

Contrast Ratio: 10.17:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.06:1