#8EB1A2

#8EB1A2

Color Values

HEX

#8EB1A2

RGB

142, 177, 162

HSL

154.3, 18.3%, 62.5%

HSV

154.3, 19.8%, 69.4%

CMYK

19.8%, 0.0%, 8.5%, 30.6%

OKLCH

0.7301 0.0438 167.2

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#8EB1A2

#B18E9D

Analogous

#8EB190

#8EAEB1

#8EB1A2

Triadic

#8EB1A2

#A28EB1

#B1A28E

Split Complementary

#8EB1A2

#B18EAE

#B1908E

Tetradic

#8EB1A2

#908EB1

#B18E9D

#AEB18E

Color Blindness Simulation

Original

#8EB1A2

Protanopia

#9D9DA6

Deuteranopia

#9B98A6

Tritanopia

#90A8A9

Achromatopsia

#A8A8A8

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D5E2DC
300
#B7CDC3
400
#8FB2A3
500
#689783
600
#537969
700
#436154
800
#344B41
900
#283832
950
#1A241F

Contrast Checker

Text on white

2.34:1

AA Fail AAA Fail

Text on black

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