#86CCBC Color

Color Information

HEX#86CCBC
RGB134, 204, 188
HSL166° , 41% , 66%
HSV166° , 34% , 80%
CMYK34%, 0%, 8%, 20%

Lighter Shades

#95D2C4 #A3D8CC #B2DED4 #C0E4DC #CFEBE4 #DDF1EC

Darker Shades

#76B4A5 #669B8F #568378 #466A62 #36524B #263935

Complementary Palette

#73AFA2 #86CCBC #AF7280 #CC8595 #D396A4 #97D3C5

Analogous Palette

#8DAA95 #96BBA0 #7EC0B1 #86CCBC #96B1BB #9FB8C1

Triadic Palette

#76B4A5 #86CCBC #C07CD5 #C88CDA #D5C07C #BBA96D

Split Complementary Palette

#79B8A9 #86CCBC #CC85B9 #D191C0 #CC9885 #B88978

Square Palette

#71AB9E #86CCBC #9C8DC3 #C38D9A #B9CC85 #C4D499

Tetradic Palette

#6EA79A #86CCBC #758DDB #CC8595 #DBC475 #E1CF8E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86CCBC contains 134 red, 204 green, and 188 blue.

Contrast Ratio: 1.82:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.53:1