#ABC582

#ABC582

Color Values

HEX

#ABC582

RGB

171, 197, 130

HSL

83.3, 36.6%, 64.1%

HSV

83.3, 34.0%, 77.3%

CMYK

13.2%, 0.0%, 34.0%, 22.7%

OKLCH

0.7876 0.0942 125.7

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#ABC582

#9C82C5

Analogous

#C5BD82

#89C582

#ABC582

Triadic

#ABC582

#82ABC5

#C582AB

Split Complementary

#ABC582

#8289C5

#BD82C5

Tetradic

#ABC582

#82C5BD

#9C82C5

#C58289

Color Blindness Simulation

Original

#ABC582

Protanopia

#B6B692

Deuteranopia

#B5B396

Tritanopia

#AC9FA2

Achromatopsia

#BBBBBB

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E8
200
#DEE8CE
300
#C7D8AB
400
#A8C37E
500
#8AAE51
600
#6E8B41
700
#586F34
800
#455728
900
#344020
950
#212915

Contrast Checker

Text on white

1.9:1

AA Fail AAA Fail

Text on black

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