#5670B4 Color

Color Information

HEX#5670B4
RGB86, 112, 180
HSL223° , 39% , 52%
HSV223° , 52% , 71%
CMYK52%, 38%, 0%, 29%

Lighter Shades

#6A81BD #7F92C6 #93A3CF #A7B5D8 #BBC6E1 #D0D7EA

Darker Shades

#4C639E #415589 #374873 #2D3A5E #222D48 #181F32

Complementary Palette

#4A609B #5670B4 #9B8449 #B49955 #BFA76D #6E84BF

Analogous Palette

#67858E #6D929C #5169A9 #5670B4 #776D9C #8379A4

Triadic Palette

#4C639E #5670B4 #C1496B #C85F7D #6BC149 #5EAA40

Split Complementary Palette

#4D65A2 #5670B4 #B46A55 #BC7966 #A0B455 #90A24D

Square Palette

#485E97 #5670B4 #A86199 #A89461 #55B46A #70C082

Tetradic Palette

#475C94 #5670B4 #A33FCA #B49955 #66CA3F #82D462

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #5670B4 contains 86 red, 112 green, and 180 blue.

Contrast Ratio: 4.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.4:1