#86AA92

#86AA92

Color Values

HEX

#86AA92

RGB

134, 170, 146

HSL

140.0, 17.5%, 59.6%

HSV

140.0, 21.2%, 66.7%

CMYK

21.2%, 0.0%, 14.1%, 33.3%

OKLCH

0.7044 0.0526 155.6

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#86AA92

#AA869E

Analogous

#8CAA86

#86AAA4

#86AA92

Triadic

#86AA92

#9286AA

#AA9286

Split Complementary

#86AA92

#A486AA

#AA868C

Tetradic

#86AA92

#868CAA

#AA869E

#AAA486

Color Blindness Simulation

Original

#86AA92

Protanopia

#969698

Deuteranopia

#949199

Tritanopia

#889C9D

Achromatopsia

#A1A1A1

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EAF0EC
200
#D5E2D9
300
#B7CDBE
400
#90B19B
500
#699678
600
#547860
700
#43604D
800
#354B3C
900
#29382E
950
#1A231D

Contrast Checker

Text on white

2.57:1

AA Fail AAA Fail

Text on black

8.18:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026