#A5CAC2

#A5CAC2

Color Values

HEX

#A5CAC2

RGB

165, 202, 194

HSL

167.0, 25.9%, 72.0%

HSV

167.0, 18.3%, 79.2%

CMYK

18.3%, 0.0%, 4.0%, 20.8%

OKLCH

0.8098 0.0409 180.6

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#A5CAC2

#CAA5AD

Analogous

#A5CAB0

#A5C0CA

#A5CAC2

Triadic

#A5CAC2

#C2A5CA

#CAC2A5

Split Complementary

#A5CAC2

#CAA5C0

#CAB0A5

Tetradic

#A5CAC2

#B0A5CA

#CAA5AD

#C0CAA5

Color Blindness Simulation

Original

#A5CAC2

Protanopia

#B5B5C4

Deuteranopia

#B3B0C4

Tritanopia

#A7C5C6

Achromatopsia

#C2C2C2

CSS Usage

background-color: #A5CAC2;
color: #A5CAC2;
border-color: #A5CAC2;
Nearest Tailwind: Neutral 300 #D4D4D4

Tailwind Shades

50
#F6F9F8
100
#E9F1EF
200
#D2E5E1
300
#B2D2CB
400
#88B9AE
500
#5EA192
600
#4C8075
700
#3C675E
800
#2F5049
900
#253C37
950
#172623

Contrast Checker

Text on white

1.78:1

AA Fail AAA Fail

Text on black

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