#ABAC2C

#ABAC2C

Color Values

HEX

#ABAC2C

RGB

171, 172, 44

HSL

60.5, 59.3%, 42.4%

HSV

60.5, 74.4%, 67.5%

CMYK

0.6%, 0.0%, 74.4%, 32.5%

OKLCH

0.7212 0.1431 110.0

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABAC2C

#2D2CAC

Analogous

#AC6D2C

#6BAC2C

#ABAC2C

Triadic

#ABAC2C

#2CABAC

#AC2CAB

Split Complementary

#ABAC2C

#2C6BAC

#6D2CAC

Tetradic

#ABAC2C

#2CAC6D

#2D2CAC

#AC2C6B

Color Blindness Simulation

Original

#ABAC2C

Protanopia

#ABAB4B

Deuteranopia

#ABAB52

Tritanopia

#AB6369

Achromatopsia

#A3A3A3

CSS Usage

background-color: #ABAC2C;
color: #ABAC2C;
border-color: #ABAC2C;
Nearest Tailwind: Amber 300 #FCD34D

Tailwind Shades

50
#FBFBF3
100
#F6F6E4
200
#F0F0C6
300
#E5E69E
400
#D8D969
500
#CACB34
600
#A1A22A
700
#818221
800
#65661A
900
#4A4A17
950
#2F2F0E

Contrast Checker

Text on white

2.42:1

AA Fail AAA Fail

Text on black

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