#1696BD Color

Color Information

HEX#1696BD
RGB22, 150, 189
HSL194° , 79% , 41%
HSV194° , 88% , 74%
CMYK88%, 21%, 0%, 26%

Lighter Shades

#32A3C5 #4EAFCD #6ABCD5 #86C8DD #A2D5E5 #BEE2ED

Darker Shades

#1384A6 #117290 #0E6079 #0B4E62 #093C4C #062A35

Complementary Palette

#1381A3 #1696BD #A13413 #BB3C16 #C55737 #37A5C6

Analogous Palette

#289A7C #2BA685 #158DB2 #1696BD #2B4CA6 #415DAA

Triadic Palette

#1384A6 #1696BD #C60C9A #CD29A6 #9AC60C #88AE0B

Split Complementary Palette

#1487AA #1696BD #BB1642 #C22D55 #BB8F16 #A88114

Square Palette

#127E9F #1696BD #8A20B1 #B14220 #42BB16 #60C63B

Tetradic Palette

#127B9B #1696BD #3203CE #BB3C16 #9FCE03 #B0D730

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1696BD contains 22 red, 150 green, and 189 blue.

Contrast Ratio: 3.38:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.22:1