#ABCA78

#ABCA78

Color Values

HEX

#ABCA78

RGB

171, 202, 120

HSL

82,7, 43,6%, 63,1%

HSV

82,7, 40,6%, 79,2%

CMYK

15,3%, 0,0%, 40,6%, 20,8%

OKLCH

0,7971 0,1131 125,8

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#ABCA78

#9778CA

Analogous

#CAC078

#82CA78

#ABCA78

Triadic

#ABCA78

#78ABCA

#CA78AB

Split Complementary

#ABCA78

#7882CA

#C078CA

Tetradic

#ABCA78

#78CAC0

#9778CA

#CA7882

Color Blindness Simulation

Original

#ABCA78

Protanopia

#B8B98C

Deuteranopia

#B7B491

Tritanopia

#AD9C9F

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EFF4E7
200
#DFEBCC
300
#C8DCA7
400
#ABCA78
500
#8DB748
600
#71923A
700
#5A752E
800
#475C24
900
#35431D
950
#222B13

Contrast Checker

Text on white

1,83:1

AA Fail AAA Fail

Text on black

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