#86C5A2 Color

Color Information

HEX#86C5A2
RGB134, 197, 162
HSL147° , 35% , 65%
HSV147° , 32% , 77%
CMYK32%, 0%, 18%, 23%

Lighter Shades

#95CCAD #A3D3B8 #B2DAC3 #C0E1CF #CFE8DA #DDEFE5

Darker Shades

#76AD8F #66967B #567E68 #466654 #364F41 #26372D

Complementary Palette

#73A98B #86C5A2 #A97491 #C587A9 #CD98B5 #97CDAF

Analogous Palette

#8BA88A #9AB398 #7EB998 #86C5A2 #98B3B2 #A1BAB8

Triadic Palette

#76AD8F #86C5A2 #A27ECE #AD8DD4 #CEA27E #B58F6F

Split Complementary Palette

#79B192 #86C5A2 #C287C5 #C893CB #C5878A #B17A7C

Square Palette

#71A588 #86C5A2 #8F92BC #BC8FA8 #C5C287 #CECC9A

Tetradic Palette

#6EA285 #86C5A2 #76AAD5 #C587A9 #D5A176 #DDB28F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86C5A2 contains 134 red, 197 green, and 162 blue.

Contrast Ratio: 1.97:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.67:1