#86BEC2 Color

Color Information

HEX#86BEC2
RGB134, 190, 194
HSL184° , 33% , 64%
HSV184° , 31% , 76%
CMYK31%, 2%, 0%, 24%

Lighter Shades

#95C6C9 #A3CED1 #B2D5D8 #C0DDDF #CFE5E7 #DDEDEE

Darker Shades

#76A7AB #669093 #567A7C #466365 #364C4E #263536

Complementary Palette

#73A3A7 #86BEC2 #A67672 #C18985 #CA9A96 #97C7CB

Analogous Palette

#87A699 #95B1A5 #7EB3B6 #86BEC2 #95A1B1 #9EA9B7

Triadic Palette

#76A7AB #86BEC2 #CB7CC5 #D18CCC #C5CB7C #ADB36D

Split Complementary Palette

#79ABAF #86BEC2 #C1859F #C791A9 #C1A785 #AE9678

Square Palette

#71A0A3 #86BEC2 #A68EB8 #B8918E #9FC185 #AECB99

Tetradic Palette

#6E9C9F #86BEC2 #7B74D2 #C18985 #CCD274 #D5DA8D

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86BEC2 contains 134 red, 190 green, and 194 blue.

Contrast Ratio: 2.04:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.31:1