#86CCDE Color

Color Information

HEX#86CCDE
RGB134, 204, 222
HSL192° , 57% , 70%
HSV192° , 40% , 87%
CMYK40%, 8%, 0%, 13%

Lighter Shades

#95D2E2 #A3D8E6 #B2DEEA #C0E4EE #CFEBF2 #DDF1F6

Darker Shades

#76B4C3 #669BA9 #56838E #466A73 #365259 #26393E

Complementary Palette

#73AFBF #86CCDE #BF8374 #DE9887 #E3A698 #97D3E3

Analogous Palette

#8DB9AC #96CFBE #7EC0D1 #86CCDE #96A7CF #A1B0D4

Triadic Palette

#76B4C3 #86CCDE #E67FD1 #E98ED7 #D1E67F #B8CA70

Split Complementary Palette

#79B8C8 #86CCDE #DE87A1 #E193AA #DEC487 #C8B07A

Square Palette

#71ABBA #86CCDE #C18FD6 #D69D8F #A1DE87 #B0E39A

Tetradic Palette

#6EA7B6 #86CCDE #9079EC #DE9887 #D5EC79 #DDEF91

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86CCDE contains 134 red, 204 green, and 222 blue.

Contrast Ratio: 1.77:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.85:1