#ABCBBF

#ABCBBF

Color Values

HEX

#ABCBBF

RGB

171, 203, 191

HSL

157,5, 23,5%, 73,3%

HSV

157,5, 15,8%, 79,6%

CMYK

15,8%, 0,0%, 5,9%, 20,4%

OKLCH

0,8151 0,0381 170,7

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#ABCBBF

#CBABB7

Analogous

#ABCBAF

#ABC7CB

#ABCBBF

Triadic

#ABCBBF

#BFABCB

#CBBFAB

Split Complementary

#ABCBBF

#CBABC7

#CBAFAB

Tetradic

#ABCBBF

#AFABCB

#CBABB7

#C7CBAB

Color Blindness Simulation

Original

#ABCBBF

Protanopia

#B9B9C2

Deuteranopia

#B7B5C3

Tritanopia

#ADC4C5

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F6F9F8
100
#EAF1EE
200
#D3E4DD
300
#B3D0C5
400
#8AB7A6
500
#629D87
600
#4E7E6C
700
#3E6556
800
#314F43
900
#263B33
950
#182520

Contrast Checker

Text on white

1,75:1

AA Fail AAA Fail

Text on black

12,03:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026