#ABCA8C

#ABCA8C

Color Values

HEX

#ABCA8C

RGB

171, 202, 140

HSL

90,0, 36,9%, 67,1%

HSV

90,0, 30,7%, 79,2%

CMYK

15,3%, 0,0%, 30,7%, 20,8%

OKLCH

0,8007 0,0902 129,8

Properties

Cool Light Nearest: darkseagreen 3

Color Harmonies

Complementary

#ABCA8C

#AB8CCA

Analogous

#CACA8C

#8CCA8C

#ABCA8C

Triadic

#ABCA8C

#8CABCA

#CA8CAB

Split Complementary

#ABCA8C

#8C8CCA

#CA8CCA

Tetradic

#ABCA8C

#8CCACA

#AB8CCA

#CA8C8C

Color Blindness Simulation

Original

#ABCA8C

Protanopia

#B8B99B

Deuteranopia

#B7B49F

Tritanopia

#ADA7A9

Achromatopsia

#BFBFBF

CSS Usage

background-color: #ABCA8C;
color: #ABCA8C;
border-color: #ABCA8C;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#EDF3E8
200
#DBE8CE
300
#C2D8AB
400
#A1C37E
500
#80AF50
600
#668C40
700
#527033
800
#405728
900
#304120
950
#1F2914

Contrast Checker

Text on white

1,82:1

AA Fail AAA Fail

Text on black

11,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