#ABCDDA

#ABCDDA

Color Values

HEX

#ABCDDA

RGB

171, 205, 218

HSL

196.6, 38.8%, 76.3%

HSV

196.6, 21.6%, 85.5%

CMYK

21.6%, 6.0%, 0.0%, 14.5%

OKLCH

0.8277 0.0406 223.0

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#ABCDDA

#DAB8AB

Analogous

#ABDAD0

#ABB6DA

#ABCDDA

Triadic

#ABCDDA

#DAABCD

#CDDAAB

Split Complementary

#ABCDDA

#DAABB6

#DAD0AB

Tetradic

#ABCDDA

#D0ABDA

#DAB8AB

#B6DAAB

Color Blindness Simulation

Original

#ABCDDA

Protanopia

#BABAD7

Deuteranopia

#B8B5D6

Tritanopia

#ADD4D4

Achromatopsia

#C7C7C7

CSS Usage

background-color: #ABCDDA;
color: #ABCDDA;
border-color: #ABCDDA;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E7F0F3
200
#CDE1E9
300
#AACCDA
400
#7CB1C5
500
#4E96B1
600
#3E788E
700
#326071
800
#274B58
900
#203841
950
#142329

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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