#86CCD0 Color

Color Information

HEX#86CCD0
RGB134, 204, 208
HSL183° , 44% , 67%
HSV183° , 36% , 82%
CMYK36%, 2%, 0%, 18%

Lighter Shades

#95D2D6 #A3D8DB #B2DEE1 #C0E4E7 #CFEBEC #DDF1F2

Darker Shades

#76B4B7 #669B9E #568385 #466A6C #365253 #26393A

Complementary Palette

#73AFB3 #86CCD0 #B37773 #D08A86 #D79A97 #97D3D7

Analogous Palette

#90ADA0 #97BFAD #7EC0C4 #86CCD0 #97A9BF #A0B0C5

Triadic Palette

#76B4B7 #86CCD0 #D87DD4 #DD8DD9 #D4D87D #BBBE6E

Split Complementary Palette

#79B8BB #86CCD0 #D086A7 #D592B0 #D0AF86 #BB9E79

Square Palette

#71ABAF #86CCD0 #AE8EC7 #C7918E #A7D086 #B5D899

Tetradic Palette

#6EA7AB #86CCD0 #7C77DF #D08A86 #DADF77 #E1E58F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86CCD0 contains 134 red, 204 green, and 208 blue.

Contrast Ratio: 1.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.71:1