#8AB696

#8AB696

Color Values

HEX

#8AB696

RGB

138, 182, 150

HSL

136.4, 23.2%, 62.7%

HSV

136.4, 24.2%, 71.4%

CMYK

24.2%, 0.0%, 17.6%, 28.6%

OKLCH

0.7356 0.0659 153.0

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#8AB696

#B68AAA

Analogous

#94B68A

#8AB6AC

#8AB696

Triadic

#8AB696

#968AB6

#B6968A

Split Complementary

#8AB696

#AC8AB6

#B68A94

Tetradic

#8AB696

#8A94B6

#B68AAA

#B6AC8A

Color Blindness Simulation

Original

#8AB696

Protanopia

#9D9D9E

Deuteranopia

#9A97A0

Tritanopia

#8CA4A5

Achromatopsia

#AAAAAA

CSS Usage

background-color: #8AB696;
color: #8AB696;
border-color: #8AB696;
Nearest Tailwind: Emerald 200 #A7F3D0

Tailwind Shades

50
#F6F9F7
100
#EAF1EC
200
#D3E4D8
300
#B4D0BB
400
#8BB797
500
#629D72
600
#4E7E5B
700
#3F6549
800
#314F39
900
#263B2C
950
#18251C

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