#86B4DA Color

Color Information

HEX#86B4DA
RGB134, 180, 218
HSL207° , 53% , 69%
HSV207° , 39% , 85%
CMYK39%, 17%, 0%, 15%

Lighter Shades

#95BDDE #A3C6E3 #B2CFE7 #C0D8EC #CFE1F0 #DDEAF5

Darker Shades

#769EC0 #6689A6 #56738C #465E71 #364857 #26323D

Complementary Palette

#739BBB #86B4DA #BB9473 #DAAC86 #DFB897 #97BFDF

Analogous Palette

#8FB7B5 #96CAC7 #7EA9CD #86B4DA #9698CA #A0A2CF

Triadic Palette

#769EC0 #86B4DA #E27EB5 #E58DBE #B5E27E #9FC76F

Split Complementary Palette

#79A2C4 #86B4DA #DA868A #DE9296 #DAD686 #C4C179

Square Palette

#7197B7 #86B4DA #CF8ED2 #D2AD8E #8ADA86 #9DE099

Tetradic Palette

#6E94B3 #86B4DA #AA78E8 #DAAC86 #B6E878 #C3EC90

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86B4DA contains 134 red, 180 green, and 218 blue.

Contrast Ratio: 2.16:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.7:1