#86BCB8

#86BCB8

Color Values

HEX

#86BCB8

RGB

134, 188, 184

HSL

175.6, 28.7%, 63.1%

HSV

175.6, 28.7%, 73.7%

CMYK

28.7%, 0.0%, 2.1%, 26.3%

OKLCH

0.7565 0.0567 190.3

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#86BCB8

#BC868A

Analogous

#86BC9D

#86A5BC

#86BCB8

Triadic

#86BCB8

#B886BC

#BCB886

Split Complementary

#86BCB8

#BC86A5

#BC9D86

Tetradic

#86BCB8

#9D86BC

#BC868A

#A5BC86

Color Blindness Simulation

Original

#86BCB8

Protanopia

#9D9EB9

Deuteranopia

#9A96B9

Tritanopia

#89BABA

Achromatopsia

#B0B0B0

CSS Usage

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

Tailwind Shades

50
#F5F9F9
100
#E9F2F1
200
#D1E6E4
300
#B0D3D1
400
#86BCB8
500
#5BA49F
600
#49837F
700
#3A6966
800
#2D524F
900
#243D3B
950
#172725

Contrast Checker

Text on white

2.12:1

AA Fail AAA Fail

Text on black

9.9:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026