#86A69F

#86A69F

Color Values

HEX

#86A69F

RGB

134, 166, 159

HSL

166.9, 15.2%, 58.8%

HSV

166.9, 19.3%, 65.1%

CMYK

19.3%, 0.0%, 4.2%, 34.9%

OKLCH

0.699 0.0367 180.4

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#86A69F

#A6868D

Analogous

#86A68F

#869DA6

#86A69F

Triadic

#86A69F

#9F86A6

#A69F86

Split Complementary

#86A69F

#A6869D

#A68F86

Tetradic

#86A69F

#8F86A6

#A6868D

#9DA686

Color Blindness Simulation

Original

#86A69F

Protanopia

#9494A1

Deuteranopia

#9290A1

Tritanopia

#88A2A2

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F6F8F8
100
#EBEFEE
200
#D6E1DE
300
#B8CBC7
400
#92AFA9
500
#6C938A
600
#56766F
700
#455E59
800
#364945
900
#2A3734
950
#1A2321

Contrast Checker

Text on white

2.64:1

AA Fail AAA Fail

Text on black

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