#86BBCE Color

Color Information

HEX#86BBCE
RGB134, 187, 206
HSL196° , 42% , 67%
HSV196° , 35% , 81%
CMYK35%, 9%, 0%, 19%

Lighter Shades

#95C3D4 #A3CBDA #B2D3E0 #C0DCE6 #CFE4EB #DDECF1

Darker Shades

#76A5B5 #668E9D #567884 #46616B #364B52 #26343A

Complementary Palette

#73A1B1 #86BBCE #B18475 #CE9A88 #D5A899 #97C5D5

Analogous Palette

#90ADA6 #98BDB5 #7EB0C2 #86BBCE #98A1BD #A2A9C3

Triadic Palette

#76A5B5 #86BBCE #D77FBF #DC8EC7 #BFD77F #A8BD70

Split Complementary Palette

#79A8B9 #86BBCE #CE8898 #D394A2 #CEBE88 #B9AB7A

Square Palette

#719DAD #86BBCE #B990C6 #C69D90 #98CE88 #A8D69B

Tetradic Palette

#6E99A9 #86BBCE #9278DD #CE9A88 #C2DD78 #CDE390

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86BBCE contains 134 red, 187 green, and 206 blue.

Contrast Ratio: 2.07:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 10.17:1