#86B6BC

#86B6BC

Color Values

HEX

#86B6BC

RGB

134, 182, 188

HSL

186.7, 28.7%, 63.1%

HSV

186.7, 28.7%, 73.7%

CMYK

28.7%, 3.2%, 0.0%, 26.3%

OKLCH

0.7443 0.0514 205.7

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#86B6BC

#BC8C86

Analogous

#86BCA7

#869BBC

#86B6BC

Triadic

#86B6BC

#BC86B6

#B6BC86

Split Complementary

#86B6BC

#BC869B

#BCA786

Tetradic

#86B6BC

#A786BC

#BC8C86

#9BBC86

Color Blindness Simulation

Original

#86B6BC

Protanopia

#9B9BBB

Deuteranopia

#9894BA

Tritanopia

#88B9B9

Achromatopsia

#ACACAC

CSS Usage

background-color: #86B6BC;
color: #86B6BC;
border-color: #86B6BC;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F5F9F9
100
#E9F1F2
200
#D1E3E6
300
#B0CFD3
400
#86B6BC
500
#5B9CA4
600
#497D83
700
#3A6469
800
#2D4E52
900
#243A3D
950
#172527

Contrast Checker

Text on white

2.23:1

AA Fail AAA Fail

Text on black

9.43:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026