#1695B4 Color

Color Information

HEX#1695B4
RGB22, 149, 180
HSL192° , 78% , 40%
HSV192° , 88% , 71%
CMYK88%, 17%, 0%, 29%

Lighter Shades

#32A2BD #4EAEC6 #6ABBCF #86C8D8 #A2D5E1 #BEE1EA

Darker Shades

#13839E #117189 #0E5F73 #0B4D5E #093C48 #062A32

Complementary Palette

#13809B #1695B4 #9D2E13 #B63616 #C05237 #37A4BF

Analogous Palette

#279675 #2BA17E #158CA9 #1695B4 #2B4EA1 #405FA5

Triadic Palette

#13839E #1695B4 #C00C9C #C829A8 #9CC00C #89A90B

Split Complementary Palette

#1486A2 #1695B4 #B61646 #BD2D59 #B68616 #A47914

Square Palette

#127D97 #1695B4 #8221AB #AB3C21 #46B616 #64C23B

Tetradic Palette

#127A94 #1695B4 #2B04C8 #B63616 #A1C804 #B2D231

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1695B4 contains 22 red, 149 green, and 180 blue.

Contrast Ratio: 3.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.08:1