#ABDABC

#ABDABC

Color Values

HEX

#ABDABC

RGB

171, 218, 188

HSL

141.7, 38.8%, 76.3%

HSV

141.7, 21.6%, 85.5%

CMYK

21.6%, 0.0%, 13.8%, 14.5%

OKLCH

0.847 0.0643 156.7

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#ABDABC

#DAABC9

Analogous

#B2DAAB

#ABDAD4

#ABDABC

Triadic

#ABDABC

#BCABDA

#DABCAB

Split Complementary

#ABDABC

#D4ABDA

#DAABB2

Tetradic

#ABDABC

#ABB2DA

#DAABC9

#DAD4AB

Color Blindness Simulation

Original

#ABDABC

Protanopia

#BFC0C3

Deuteranopia

#BDB9C5

Tritanopia

#ADC9CA

Achromatopsia

#CECECE

CSS Usage

background-color: #ABDABC;
color: #ABDABC;
border-color: #ABDABC;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F5FAF7
100
#E7F3EC
200
#CDE9D7
300
#AADABB
400
#7CC597
500
#4EB172
600
#3E8E5B
700
#327149
800
#275839
900
#20412C
950
#14291C

Contrast Checker

Text on white

1.56:1

AA Fail AAA Fail

Text on black

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