#8FB697

#8FB697

Color Values

HEX

#8FB697

RGB

143, 182, 151

HSL

132.3, 21.1%, 63.7%

HSV

132.3, 21.4%, 71.4%

CMYK

21.4%, 0.0%, 17.0%, 28.6%

OKLCH

0.7391 0.0611 150.9

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#8FB697

#B68FAE

Analogous

#9AB68F

#8FB6AA

#8FB697

Triadic

#8FB697

#978FB6

#B6978F

Split Complementary

#8FB697

#AA8FB6

#B68F9A

Tetradic

#8FB697

#8F9AB6

#B68FAE

#B6AA8F

Color Blindness Simulation

Original

#8FB697

Protanopia

#A0A09E

Deuteranopia

#9E9BA0

Tritanopia

#91A4A6

Achromatopsia

#ABABAB

CSS Usage

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

Tailwind Shades

50
#F6F9F7
100
#EAF0EB
200
#D4E3D7
300
#B5CFBA
400
#8DB595
500
#659A70
600
#507C59
700
#406347
800
#324D38
900
#273A2B
950
#19241B

Contrast Checker

Text on white

2.26:1

AA Fail AAA Fail

Text on black

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