#8EA6AF

#8EA6AF

Color Values

HEX

#8EA6AF

RGB

142, 166, 175

HSL

196.4, 17.1%, 62.2%

HSV

196.4, 18.9%, 68.6%

CMYK

18.9%, 5.1%, 0.0%, 31.4%

OKLCH

0.7097 0.0298 222.5

Properties

Cool Light Nearest: RAL 7040 Window Grey

Color Harmonies

Complementary

#8EA6AF

#AF978E

Analogous

#8EAFA8

#8E96AF

#8EA6AF

Triadic

#8EA6AF

#AF8EA6

#A6AF8E

Split Complementary

#8EA6AF

#AF8E96

#AFA88E

Tetradic

#8EA6AF

#A88EAF

#AF978E

#96AF8E

Color Blindness Simulation

Original

#8EA6AF

Protanopia

#9899AD

Deuteranopia

#9795AC

Tritanopia

#8FABAB

Achromatopsia

#A2A2A2

CSS Usage

background-color: #8EA6AF;
color: #8EA6AF;
border-color: #8EA6AF;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEEF0
200
#D5DEE1
300
#B7C7CC
400
#91A8B1
500
#6A8995
600
#556E77
700
#445860
800
#35454B
900
#293438
950
#1A2123

Contrast Checker

Text on white

2.55:1

AA Fail AAA Fail

Text on black

8.22:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026