#86D5DF Color

Color Information

HEX#86D5DF
RGB134, 213, 223
HSL187° , 58% , 70%
HSV187° , 40% , 87%
CMYK40%, 4%, 0%, 13%

Lighter Shades

#95DAE3 #A3DFE7 #B2E4EB #C0E9EE #CFEEF2 #DDF3F6

Darker Shades

#76BBC4 #66A2A9 #56888F #466F74 #365559 #263C3E

Complementary Palette

#73B7C0 #86D5DF #C07C73 #DF9086 #E3A097 #97DBE3

Analogous Palette

#8CBAA9 #95D0B9 #7EC8D2 #86D5DF #95ACD0 #9FB4D5

Triadic Palette

#76BBC4 #86D5DF #E77EDA #EA8DDE #DAE77E #C0CB6F

Split Complementary Palette

#79C0C9 #86D5DF #DF86A8 #E292B1 #DFBD86 #C9AA79

Square Palette

#71B3BB #86D5DF #BB8ED7 #D7968E #A8DF86 #B6E499

Tetradic Palette

#6EAFB7 #86D5DF #8678ED #DF9086 #DFED78 #E5F090

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86D5DF contains 134 red, 213 green, and 223 blue.

Contrast Ratio: 1.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 12.73:1