#86ACDF Color

Color Information

HEX#86ACDF
RGB134, 172, 223
HSL214° , 58% , 70%
HSV214° , 40% , 87%
CMYK40%, 23%, 0%, 13%

Lighter Shades

#95B6E3 #A3C0E7 #B2CAEB #C0D4EE #CFDEF2 #DDE8F6

Darker Shades

#7697C4 #6683A9 #566E8F #465974 #364559 #26303E

Complementary Palette

#7394C0 #86ACDF #C09E73 #DFB886 #E3C297 #97B8E3

Analogous Palette

#8CB7BA #95CCD0 #7EA2D2 #86ACDF #9995D0 #A39FD5

Triadic Palette

#7697C4 #86ACDF #E77EAC #EA8DB6 #ACE77E #97CB6F

Split Complementary Palette

#799BC9 #86ACDF #DF8C86 #E29892 #D9DF86 #C3C979

Square Palette

#7190BB #86ACDF #D78ED2 #D7B78E #86DF8C #99E49E

Tetradic Palette

#6E8DB7 #86ACDF #BA78ED #DFB886 #ABED78 #BAF090

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86ACDF contains 134 red, 172 green, and 223 blue.

Contrast Ratio: 2.3:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.12:1