#056AAE Color

Color Information

HEX	#056AAE
RGB	5, 106, 174
HSL	204° , 94% , 35%
HSV	204° , 97% , 68%
CMYK	97%, 39%, 0%, 32%

Lighter Shades

#237CB8 #418EC1 #5FA0CB #7DB2D5 #9BC3DF #B9D5E8

Darker Shades

#045D99 #045184 #03446F #03375A #022A46 #011E31

Complementary Palette

#045B96 #056AAE #953E04 #AD4805 #B86228 #287FB9

Analogous Palette

#158E82 #179B8E #0564A4 #056AAE #17249B #2D389F

Triadic Palette

#045D99 #056AAE #B3006B #BC1F7D #6BB300 #5E9E00

Split Complementary Palette

#055F9D #056AAE #AD0516 #B51E2D #AD9C05 #9C8C05

Square Palette

#045992 #056AAE #950EA4 #A44A0E #16AD05 #3BBA2D

Tetradic Palette

#04578F #056AAE #4700B3 #AD4805 #6BB300 #86C12E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #056AAE contains 5 red, 106 green, and 174 blue.

Contrast Ratio: 5.68:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.7:1