#ABCCB3

#ABCCB3

Color Values

HEX

#ABCCB3

RGB

171, 204, 179

HSL

134.5, 24.4%, 73.5%

HSV

134.5, 16.2%, 80.0%

CMYK

16.2%, 0.0%, 12.3%, 20.0%

OKLCH

0.814 0.0496 152.5

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#ABCCB3

#CCABC4

Analogous

#B3CCAB

#ABCCC3

#ABCCB3

Triadic

#ABCCB3

#B3ABCC

#CCB3AB

Split Complementary

#ABCCB3

#C3ABCC

#CCABB3

Tetradic

#ABCCB3

#ABB3CC

#CCABC4

#CCC3AB

Color Blindness Simulation

Original

#ABCCB3

Protanopia

#B9BAB9

Deuteranopia

#B7B5BA

Tritanopia

#ADBEBF

Achromatopsia

#C3C3C3

CSS Usage

background-color: #ABCCB3;
color: #ABCCB3;
border-color: #ABCCB3;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F6F9F7
100
#E9F1EB
200
#D3E4D7
300
#B3D1BA
400
#8AB895
500
#609F6F
600
#4D7F59
700
#3E6647
800
#304F38
900
#263B2B
950
#18251B

Contrast Checker

Text on white

1.75:1

AA Fail AAA Fail

Text on black

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