#ABDAC4

#ABDAC4

Color Values

HEX

#ABDAC4

RGB

171, 218, 196

HSL

151,9, 38,8%, 76,3%

HSV

151,9, 21,6%, 85,5%

CMYK

21,6%, 0,0%, 10,1%, 14,5%

OKLCH

0,8491 0,0577 164,8

Properties

Cool Light Nearest: NCS S 0520-B70G Mint

Color Harmonies

Complementary

#ABDAC4

#DAABC1

Analogous

#ABDAAD

#ABD9DA

#ABDAC4

Triadic

#ABDAC4

#C4ABDA

#DAC4AB

Split Complementary

#ABDAC4

#DAABD9

#DAADAB

Tetradic

#ABDAC4

#ADABDA

#DAABC1

#D9DAAB

Color Blindness Simulation

Original

#ABDAC4

Protanopia

#BFC0C9

Deuteranopia

#BDB9CB

Tritanopia

#ADCECE

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F5FAF8
100
#E7F3EE
200
#CDE9DC
300
#AADAC3
400
#7CC5A3
500
#4EB183
600
#3E8E69
700
#327154
800
#275841
900
#204132
950
#14291F

Contrast Checker

Text on white

1,55:1

AA Fail AAA Fail

Text on black

13,56:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026