#86C6CE Color

Color Information

HEX#86C6CE
RGB134, 198, 206
HSL187° , 42% , 67%
HSV187° , 35% , 81%
CMYK35%, 4%, 0%, 19%

Lighter Shades

#95CDD4 #A3D4DA #B2DBE0 #C0E1E6 #CFE8EB #DDEFF1

Darker Shades

#76AEB5 #66969D #567F84 #46676B #364F52 #26373A

Complementary Palette

#73AAB1 #86C6CE #B17C75 #CE9088 #D5A099 #97CED5

Analogous Palette

#90ADA1 #98BDAF #7EBAC2 #86C6CE #98A7BD #A2AEC3

Triadic Palette

#76AEB5 #86C6CE #D77FCC #DC8ED2 #CCD77F #B4BD70

Split Complementary Palette

#79B2B9 #86C6CE #CE88A3 #D394AC #CEB388 #B9A17A

Square Palette

#71A6AD #86C6CE #B190C6 #C69690 #A3CE88 #B2D69B

Tetradic Palette

#6EA2A9 #86C6CE #8478DD #CE9088 #D2DD78 #DAE390

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86C6CE contains 134 red, 198 green, and 206 blue.

Contrast Ratio: 1.89:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.13:1