#054480 Color

Color Information

HEX#054480
RGB5, 68, 128
HSL209° , 92% , 26%
HSV209° , 96% , 50%
CMYK96%, 47%, 0%, 50%

Lighter Shades

#235A8F #41719E #5F87AE #7D9EBD #9BB4CC #B9CBDB

Darker Shades

#043C71 #043461 #032C52 #032343 #021B33 #011324

Complementary Palette

#043A6E #054480 #6D3704 #7F4005 #915B28 #285E92

Analogous Palette

#116968 #137270 #054078 #054480 #131472 #2A2B7A

Triadic Palette

#043C71 #054480 #850045 #941F5B #458500 #3D7500

Split Complementary Palette

#053D73 #054480 #7F0507 #8C1E20 #7F7D05 #727105

Square Palette

#04396C #054480 #770C79 #79400C #077F05 #2F932D

Tetradic Palette

#043869 #054480 #400085 #7F4005 #458500 #669B2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #054480 contains 5 red, 68 green, and 128 blue.

Contrast Ratio: 10.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1