#8BAE8F

#8BAE8F

Color Values

HEX

#8BAE8F

RGB

139, 174, 143

HSL

126.9, 17.8%, 61.4%

HSV

126.9, 20.1%, 68.2%

CMYK

20.1%, 0.0%, 17.8%, 31.8%

OKLCH

0.7161 0.0587 148.0

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#8BAE8F

#AE8BAA

Analogous

#99AE8B

#8BAEA1

#8BAE8F

Triadic

#8BAE8F

#8F8BAE

#AE8F8B

Split Complementary

#8BAE8F

#A18BAE

#AE8B99

Tetradic

#8BAE8F

#8B99AE

#AE8BAA

#AEA18B

Color Blindness Simulation

Original

#8BAE8F

Protanopia

#9A9A96

Deuteranopia

#989698

Tritanopia

#8D9C9E

Achromatopsia

#A4A4A4

CSS Usage

background-color: #8BAE8F;
color: #8BAE8F;
border-color: #8BAE8F;
Nearest Tailwind: Stone 400 #A8A29E

Tailwind Shades

50
#F6F9F6
100
#EAF0EB
200
#D5E2D6
300
#B7CDB9
400
#90B194
500
#69966E
600
#547858
700
#436046
800
#344B37
900
#29382A
950
#1A241B

Contrast Checker

Text on white

2.46:1

AA Fail AAA Fail

Text on black

8.55:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026