#8EBAA3

#8EBAA3

Color Values

HEX

#8EBAA3

RGB

142, 186, 163

HSL

148.6, 24.2%, 64.3%

HSV

148.6, 23.7%, 72.9%

CMYK

23.7%, 0.0%, 12.4%, 27.1%

OKLCH

0.7507 0.0574 161.8

Properties

Cool Light Nearest: RAL 6027 Light Green

Color Harmonies

Complementary

#8EBAA3

#BA8EA5

Analogous

#8FBA8E

#8EBAB9

#8EBAA3

Triadic

#8EBAA3

#A38EBA

#BAA38E

Split Complementary

#8EBAA3

#B98EBA

#BA8E8F

Tetradic

#8EBAA3

#8E8FBA

#BA8EA5

#BAB98E

Color Blindness Simulation

Original

#8EBAA3

Protanopia

#A1A1A9

Deuteranopia

#9E9BAA

Tritanopia

#90ADAE

Achromatopsia

#AFAFAF

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#E9F1ED
200
#D3E4DB
300
#B3D1C1
400
#8AB7A0
500
#619E7E
600
#4D7F65
700
#3E6551
800
#304F3F
900
#263B30
950
#18251E

Contrast Checker

Text on white

2.16:1

AA Fail AAA Fail

Text on black

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