#ABBECD

#ABBECD

Color Values

HEX

#ABBECD

RGB

171, 190, 205

HSL

206.5, 25.4%, 73.7%

HSV

206.5, 16.6%, 80.4%

CMYK

16.6%, 7.3%, 0.0%, 19.6%

OKLCH

0.7918 0.0299 241.7

Properties

Cool Light Nearest: Cadet Blue

Color Harmonies

Complementary

#ABBECD

#CDBAAB

Analogous

#ABCDCB

#ABADCD

#ABBECD

Triadic

#ABBECD

#CDABBE

#BECDAB

Split Complementary

#ABBECD

#CDABAD

#CDCBAB

Tetradic

#ABBECD

#CBABCD

#CDBAAB

#ADCDAB

Color Blindness Simulation

Original

#ABBECD

Protanopia

#B3B3C9

Deuteranopia

#B2B1C8

Tritanopia

#ACC7C6

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F6F8F9
100
#E9EEF1
200
#D2DCE4
300
#B2C4D1
400
#89A3B9
500
#5F83A0
600
#4C6980
700
#3D5466
800
#304250
900
#25323C
950
#181F26

Contrast Checker

Text on white

1.91:1

AA Fail AAA Fail

Text on black

10.98:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026