#8AB0A2

#8AB0A2

Color Values

HEX

#8AB0A2

RGB

138, 176, 162

HSL

157.9, 19.4%, 61.6%

HSV

157.9, 21.6%, 69.0%

CMYK

21.6%, 0.0%, 8.0%, 31.0%

OKLCH

0.7252 0.0459 170.5

Properties

Cool Light Nearest: RAL 6034 Pastel Turquoise

Color Harmonies

Complementary

#8AB0A2

#B08A98

Analogous

#8AB08F

#8AABB0

#8AB0A2

Triadic

#8AB0A2

#A28AB0

#B0A28A

Split Complementary

#8AB0A2

#B08AAB

#B08F8A

Tetradic

#8AB0A2

#8F8AB0

#B08A98

#ABB08A

Color Blindness Simulation

Original

#8AB0A2

Protanopia

#9A9BA5

Deuteranopia

#9895A6

Tritanopia

#8CA8A9

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF0EE
200
#D4E2DD
300
#B6CEC5
400
#8EB3A5
500
#679886
600
#527A6B
700
#426156
800
#334C43
900
#283933
950
#192420

Contrast Checker

Text on white

2.38:1

AA Fail AAA Fail

Text on black

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