#5695B3 Color

Color Information

HEX#5695B3
RGB86, 149, 179
HSL199° , 38% , 52%
HSV199° , 52% , 70%
CMYK52%, 17%, 0%, 30%

Lighter Shades

#6AA2BC #7FAEC5 #93BBCE #A7C8D7 #BBD5E1 #D0E1EA

Darker Shades

#4C839E #417188 #375F73 #2D4D5D #223C48 #182A32

Complementary Palette

#4A809A #5695B3 #9A644A #B37456 #BE876E #6EA4BE

Analogous Palette

#688D86 #6F9B93 #518CA8 #5695B3 #6F779B #7B82A3

Triadic Palette

#4C839E #5695B3 #BF4A9A #C760A6 #9ABF4A #88A841

Split Complementary Palette

#4D86A1 #5695B3 #B35667 #BB6776 #B3A256 #A1924D

Square Palette

#487D96 #5695B3 #9A62A7 #A77862 #67B356 #7FBF71

Tetradic Palette

#477A93 #5695B3 #6B40C9 #B37456 #9EC940 #AFD362

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5695B3 contains 86 red, 149 green, and 179 blue.

Contrast Ratio: 3.26:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.44:1