#8BA2A4

#8BA2A4

Color Values

HEX

#8BA2A4

RGB

139, 162, 164

HSL

184.8, 12.1%, 59.4%

HSV

184.8, 15.2%, 64.3%

CMYK

15.2%, 1.2%, 0.0%, 35.7%

OKLCH

0.6951 0.0259 203.0

Properties

Cool Light Nearest: RAL 7001 Silver Grey

Color Harmonies

Complementary

#8BA2A4

#A48D8B

Analogous

#8BA499

#8B95A4

#8BA2A4

Triadic

#8BA2A4

#A48BA2

#A2A48B

Split Complementary

#8BA2A4

#A48B95

#A4998B

Tetradic

#8BA2A4

#998BA4

#A48D8B

#95A48B

Color Blindness Simulation

Original

#8BA2A4

Protanopia

#9595A4

Deuteranopia

#9492A3

Tritanopia

#8CA3A3

Achromatopsia

#9D9D9D

CSS Usage

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

Tailwind Shades

50
#F7F8F8
100
#EBEFEF
200
#D7DFE0
300
#BAC8C9
400
#95AAAC
500
#708C8F
600
#5A7072
700
#485A5B
800
#384647
900
#2B3536
950
#1B2122

Contrast Checker

Text on white

2.69:1

AA Fail AAA Fail

Text on black

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