#8AA6AC

#8AA6AC

Color Values

HEX

#8AA6AC

RGB

138, 166, 172

HSL

190.6, 17.0%, 60.8%

HSV

190.6, 19.8%, 67.5%

CMYK

19.8%, 3.5%, 0.0%, 32.5%

OKLCH

0.7059 0.0322 212.1

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#8AA6AC

#AC908A

Analogous

#8AACA1

#8A95AC

#8AA6AC

Triadic

#8AA6AC

#AC8AA6

#A6AC8A

Split Complementary

#8AA6AC

#AC8A95

#ACA18A

Tetradic

#8AA6AC

#A18AAC

#AC908A

#95AC8A

Color Blindness Simulation

Original

#8AA6AC

Protanopia

#9696AB

Deuteranopia

#9492AA

Tritanopia

#8BA9A9

Achromatopsia

#A0A0A0

CSS Usage

background-color: #8AA6AC;
color: #8AA6AC;
border-color: #8AA6AC;
Nearest Tailwind: Gray 400 #9CA3AF

Tailwind Shades

50
#F6F8F8
100
#EBEFF0
200
#D5DFE1
300
#B7C9CC
400
#91ABB1
500
#6A8E95
600
#557177
700
#445B5F
800
#35474B
900
#293538
950
#1A2223

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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