#ABCAC1

#ABCAC1

Color Values

HEX

#ABCAC1

RGB

171, 202, 193

HSL

162.6, 22.6%, 73.1%

HSV

162.6, 15.3%, 79.2%

CMYK

15.3%, 0.0%, 4.5%, 20.8%

OKLCH

0.8135 0.0355 175.9

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABCAC1

#CAABB4

Analogous

#ABCAB1

#ABC3CA

#ABCAC1

Triadic

#ABCAC1

#C1ABCA

#CAC1AB

Split Complementary

#ABCAC1

#CAABC3

#CAB1AB

Tetradic

#ABCAC1

#B1ABCA

#CAABB4

#C3CAAB

Color Blindness Simulation

Original

#ABCAC1

Protanopia

#B8B9C3

Deuteranopia

#B7B4C4

Tritanopia

#ADC5C5

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EF
200
#D3E3DF
300
#B4D0C8
400
#8BB6AA
500
#639C8C
600
#4F7D70
700
#3F6459
800
#314E46
900
#273A35
950
#182521

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.95:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2月 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2月 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2月 19, 2026