#8EB3AE

#8EB3AE

Color Values

HEX

#8EB3AE

RGB

142, 179, 174

HSL

171,9, 19,6%, 62,9%

HSV

171,9, 20,7%, 70,2%

CMYK

20,7%, 0,0%, 2,8%, 29,8%

OKLCH

0,7381 0,0407 186,2

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#8EB3AE

#B38E93

Analogous

#8EB39B

#8EA5B3

#8EB3AE

Triadic

#8EB3AE

#AE8EB3

#B3AE8E

Split Complementary

#8EB3AE

#B38EA5

#B39B8E

Tetradic

#8EB3AE

#9B8EB3

#B38E93

#A5B38E

Color Blindness Simulation

Original

#8EB3AE

Protanopia

#9E9EAF

Deuteranopia

#9C99B0

Tritanopia

#90B0B0

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EF
200
#D4E2E0
300
#B6CECB
400
#8EB3AE
500
#679892
600
#527A75
700
#42625D
800
#334C49
900
#283937
950
#192423

Contrast Checker

Text on white

2,28:1

AA Fail AAA Fail

Text on black

9,21:1

AA Pass AAA Pass

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