#A5BCAE

#A5BCAE

Color Values

HEX

#A5BCAE

RGB

165, 188, 174

HSL

143.5, 14.6%, 69.2%

HSV

143.5, 12.2%, 73.7%

CMYK

12.2%, 0.0%, 7.4%, 26.3%

OKLCH

0.7737 0.032 158.9

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#A5BCAE

#BCA5B3

Analogous

#A7BCA5

#A5BCB9

#A5BCAE

Triadic

#A5BCAE

#AEA5BC

#BCAEA5

Split Complementary

#A5BCAE

#B9A5BC

#BCA5A7

Tetradic

#A5BCAE

#A5A7BC

#BCA5B3

#BCB9A5

Color Blindness Simulation

Original

#A5BCAE

Protanopia

#AFAFB1

Deuteranopia

#AEACB2

Tritanopia

#A6B4B5

Achromatopsia

#B6B6B6

CSS Usage

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

Tailwind Shades

50
#F6F8F7
100
#EBEFED
200
#D6E1DA
300
#B9CBC0
400
#93AE9E
500
#6D927B
600
#577563
700
#465E4F
800
#36493E
900
#2A372F
950
#1B231E

Contrast Checker

Text on white

2.02:1

AA Fail AAA Fail

Text on black

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