#ABCFCA

#ABCFCA

Color Values

HEX

#ABCFCA

RGB

171, 207, 202

HSL

171.7, 27.3%, 74.1%

HSV

171.7, 17.4%, 81.2%

CMYK

17.4%, 0.0%, 2.4%, 18.8%

OKLCH

0.8269 0.0388 186.2

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABCFCA

#CFABB0

Analogous

#ABCFB8

#ABC2CF

#ABCFCA

Triadic

#ABCFCA

#CAABCF

#CFCAAB

Split Complementary

#ABCFCA

#CFABC2

#CFB8AB

Tetradic

#ABCFCA

#B8ABCF

#CFABB0

#C2CFAB

Color Blindness Simulation

Original

#ABCFCA

Protanopia

#BBBBCB

Deuteranopia

#B8B6CB

Tritanopia

#ADCCCC

Achromatopsia

#C7C7C7

CSS Usage

background-color: #ABCFCA;
color: #ABCFCA;
border-color: #ABCFCA;
Nearest Tailwind: Gray 300 #D1D5DB

Tailwind Shades

50
#F6F9F9
100
#E9F1F0
200
#D2E5E2
300
#B1D3CE
400
#87BAB3
500
#5DA299
600
#4A827A
700
#3B6862
800
#2E514C
900
#253C39
950
#172624

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

12.51:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026