#054570 Color

Color Information

HEX#054570
RGB5, 69, 112
HSL204° , 91% , 23%
HSV204° , 96% , 44%
CMYK96%, 38%, 0%, 56%

Lighter Shades

#235B81 #417292 #5F88A3 #7D9EB5 #9BB5C6 #B9CBD7

Darker Shades

#043D63 #043455 #032C48 #03243A #021C2D #01131F

Complementary Palette

#043B60 #054570 #602904 #703005 #844D28 #285F84

Analogous Palette

#105C54 #11645C #054169 #054570 #111964 #282F6C

Triadic Palette

#043D63 #054570 #750046 #861F5C #467500 #3E6700

Split Complementary Palette

#053E65 #054570 #700510 #7E1E28 #706505 #655B05

Square Palette

#043A5E #054570 #610B6A #6A310B #107005 #36872D

Tetradic Palette

#04395C #054570 #2F0075 #703005 #467500 #678E2E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #054570 contains 5 red, 69 green, and 112 blue.

Contrast Ratio: 10.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.04:1