#ABAC14

#ABAC14

Color Values

HEX

#ABAC14

RGB

171, 172, 20

HSL

60.4, 79.2%, 37.6%

HSV

60.4, 88.4%, 67.5%

CMYK

0.6%, 0.0%, 88.4%, 32.5%

OKLCH

0.7201 0.1533 110.1

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABAC14

#1514AC

Analogous

#AC6114

#5FAC14

#ABAC14

Triadic

#ABAC14

#14ABAC

#AC14AB

Split Complementary

#ABAC14

#145FAC

#6114AC

Tetradic

#ABAC14

#14AC61

#1514AC

#AC145F

Color Blindness Simulation

Original

#ABAC14

Protanopia

#ABAB39

Deuteranopia

#ABAB42

Tritanopia

#AB565C

Achromatopsia

#A1A1A1

CSS Usage

background-color: #ABAC14;
color: #ABAC14;
border-color: #ABAC14;
Nearest Tailwind: Yellow 300 #FDE047

Tailwind Shades

50
#FCFCF2
100
#F9F9E1
200
#F7F8BF
300
#F2F291
400
#EAEB56
500
#E3E41B
600
#B6B715
700
#919211
800
#72720D
900
#53530E
950
#343409

Contrast Checker

Text on white

2.43:1

AA Fail AAA Fail

Text on black

8.64:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026