#5672DE Color

Color Information

HEX#5672DE
RGB86, 114, 222
HSL228° , 67% , 60%
HSV228° , 61% , 87%
CMYK61%, 49%, 0%, 13%

Lighter Shades

#6A83E2 #7F94E6 #93A5EA #A7B6EE #BBC7F2 #D0D8F6

Darker Shades

#4C64C3 #4157A9 #37498E #2D3B73 #222E59 #18203E

Complementary Palette

#4A62BF #5672DE #BEA749 #DDC255 #E2CB6D #6E86E3

Analogous Palette

#649CB4 #69ACC9 #516BD1 #5672DE #8669C9 #8F74CD

Triadic Palette

#4C64C3 #5672DE #E84A6A #EB607C #6AE84A #5DCC41

Split Complementary Palette

#4D67C8 #5672DE #DD7E55 #E08B66 #B4DD55 #A2C74D

Square Palette

#4860BA #5672DE #D35FB0 #D3BC5F #55DD7E #70E293

Tetradic Palette

#475DB6 #5672DE #CD42F0 #DDC255 #65F042 #81F364

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5672DE contains 86 red, 114 green, and 222 blue.

Contrast Ratio: 4.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 4.89:1