#809586

#809586

Color Values

HEX

#809586

RGB

128, 149, 134

HSL

137,1, 9,0%, 54,3%

HSV

137,1, 14,1%, 58,4%

CMYK

14,1%, 0,0%, 10,1%, 41,6%

OKLCH

0,6488 0,0326 154,3

Properties

Cool Light Nearest: honeydew 4

Color Harmonies

Complementary

#809586

#95808F

Analogous

#849580

#809590

#809586

Triadic

#809586

#868095

#958680

Split Complementary

#809586

#908095

#958084

Tetradic

#809586

#808495

#95808F

#959080

Color Blindness Simulation

Original

#809586

Protanopia

#89898A

Deuteranopia

#88868A

Tritanopia

#818C8D

Achromatopsia

#8F8F8F

CSS Usage

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

Tailwind Shades

50
#F7F8F7
100
#ECEFED
200
#D8DFDA
300
#BCC7BF
400
#98A99D
500
#748B7B
600
#5D6F62
700
#4A594E
800
#3A453D
900
#2D342F
950
#1C211E

Contrast Checker

Text on white

3,2:1

AA Fail AAA Fail

Text on black

6,56:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026