#1686D6 Color

Color Information

HEX	#1686D6
RGB	22, 134, 214
HSL	205° , 81% , 46%
HSV	205° , 90% , 84%
CMYK	90%, 37%, 0%, 16%

Lighter Shades

#3295DB #4EA3E0 #6AB2E5 #86C0EA #A2CFEF #BEDDF4

Darker Shades

#1376BC #1166A3 #0E5689 #0B466F #093656 #06263C

Complementary Palette

#1373B8 #1686D6 #B65713 #D46516 #DA7B37 #3797DC

Analogous Palette

#2AACA2 #2EBDB1 #157EC9 #1686D6 #2E3ABD #414BBE

Triadic Palette

#1376BC #1686D6 #E00B87 #E42895 #87E00B #77C50A

Split Complementary Palette

#1479C1 #1686D6 #D41626 #D82D3C #D4C416 #BFB014

Square Palette

#1271B4 #1686D6 #BB22C9 #C96722 #26D416 #49DB3B

Tetradic Palette

#126EAF #1686D6 #6201E9 #D46516 #89E901 #9EED2F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #1686D6 contains 22 red, 134 green, and 214 blue.

Contrast Ratio: 3.84:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 5.47:1