#5690CD Color

Color Information

HEX#5690CD
RGB86, 144, 205
HSL211° , 54% , 57%
HSV211° , 58% , 80%
CMYK58%, 30%, 0%, 20%

Lighter Shades

#6A9DD3 #7FABD9 #93B8DF #A7C5E5 #BBD3EB #D0E0F1

Darker Shades

#4C7FB4 #416D9C #375C83 #2D4B6B #223A52 #182839

Complementary Palette

#4A7CB0 #5690CD #B07E4A #CD9356 #D4A26E #6EA0D4

Analogous Palette

#69A4A5 #6CB5B7 #5187C1 #5690CD #6D6CB7 #7B7ABD

Triadic Palette

#4C7FB4 #5690CD #D84B8F #DD619C #8FD84B #7EBE42

Split Complementary Palette

#4D82B9 #5690CD #CD5856 #D26967 #CBCD56 #B7B94D

Square Palette

#4879AC #5690CD #C261C0 #C29361 #56CD58 #71D573

Tetradic Palette

#4776A8 #5690CD #9442E0 #CD9356 #8FE042 #A3E664

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5690CD contains 86 red, 144 green, and 205 blue.

Contrast Ratio: 3.31:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.35:1