#8BAD8F

#8BAD8F

Color Values

HEX

#8BAD8F

RGB

139, 173, 143

HSL

127.1, 17.2%, 61.2%

HSV

127.1, 19.7%, 67.8%

CMYK

19.7%, 0.0%, 17.3%, 32.2%

OKLCH

0.7138 0.057 148.2

Properties

Cool Light Nearest: darkseagreen

Color Harmonies

Complementary

#8BAD8F

#AD8BA9

Analogous

#98AD8B

#8BADA0

#8BAD8F

Triadic

#8BAD8F

#8F8BAD

#AD8F8B

Split Complementary

#8BAD8F

#A08BAD

#AD8B98

Tetradic

#8BAD8F

#8B98AD

#AD8BA9

#ADA08B

Color Blindness Simulation

Original

#8BAD8F

Protanopia

#9A9A96

Deuteranopia

#989598

Tritanopia

#8D9C9D

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#F6F8F6
100
#EBF0EB
200
#D5E1D7
300
#B7CCBA
400
#90B194
500
#6A956F
600
#547859
700
#446047
800
#354B37
900
#29382B
950
#1A231B

Contrast Checker

Text on white

2.48:1

AA Fail AAA Fail

Text on black

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