#86BAB4

#86BAB4

Color Values

HEX

#86BAB4

RGB

134, 186, 180

HSL

173.1, 27.4%, 62.7%

HSV

173.1, 28.0%, 72.9%

CMYK

28.0%, 0.0%, 3.2%, 27.1%

OKLCH

0.7508 0.0553 187.2

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#86BAB4

#BA868C

Analogous

#86BA9A

#86A6BA

#86BAB4

Triadic

#86BAB4

#B486BA

#BAB486

Split Complementary

#86BAB4

#BA86A6

#BA9A86

Tetradic

#86BAB4

#9A86BA

#BA868C

#A6BA86

Color Blindness Simulation

Original

#86BAB4

Protanopia

#9D9DB5

Deuteranopia

#9A96B6

Tritanopia

#89B7B7

Achromatopsia

#AFAFAF

CSS Usage

background-color: #86BAB4;
color: #86BAB4;
border-color: #86BAB4;
Nearest Tailwind: Neutral 400 #A3A3A3

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E3
300
#B1D3CF
400
#87BBB5
500
#5DA29A
600
#4A827C
700
#3B6863
800
#2E514D
900
#253C3A
950
#172624

Contrast Checker

Text on white

2.17:1

AA Fail AAA Fail

Text on black

9.7: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