#5694A6 Color

Color Information

HEX#5694A6
RGB86, 148, 166
HSL194° , 32% , 49%
HSV194° , 48% , 65%
CMYK48%, 11%, 0%, 35%

Lighter Shades

#6AA1B1 #7FAEBB #93BBC6 #A7C7D1 #BBD4DB #D0E1E6

Darker Shades

#4C8292 #41707E #375F6A #2D4D56 #223B42 #18292E

Complementary Palette

#4A7F8F #5694A6 #8E5949 #A56855 #B27D6D #6EA3B2

Analogous Palette

#62847B #6A9086 #518B9C #5694A6 #6A7490 #757F99

Triadic Palette

#4C8292 #5694A6 #B14899 #BA5EA5 #99B148 #879C3F

Split Complementary Palette

#4D8595 #5694A6 #A5556A #AE6679 #A59055 #95824D

Square Palette

#487C8B #5694A6 #8A6198 #986E61 #6AA555 #82B370

Tetradic Palette

#477988 #5694A6 #5C3EBB #A56855 #9EBB3E #AFC761

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #5694A6 contains 86 red, 148 green, and 166 blue.

Contrast Ratio: 3.35:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.27:1