#ABB114

#ABB114

Color Values

HEX

#ABB114

RGB

171, 177, 20

HSL

62.3, 79.7%, 38.6%

HSV

62.3, 88.7%, 69.4%

CMYK

3.4%, 0.0%, 88.7%, 30.6%

OKLCH

0.7314 0.1581 112.2

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABB114

#1A14B1

Analogous

#B16814

#5CB114

#ABB114

Triadic

#ABB114

#14ABB1

#B114AB

Split Complementary

#ABB114

#145CB1

#6814B1

Tetradic

#ABB114

#14B168

#1A14B1

#B1145C

Color Blindness Simulation

Original

#ABB114

Protanopia

#AEAE3A

Deuteranopia

#ADAD43

Tritanopia

#AB585F

Achromatopsia

#A4A4A4

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F8F9E1
200
#F6F8BF
300
#EFF391
400
#E6EC55
500
#DDE51A
600
#B1B715
700
#8E9311
800
#6F730D
900
#51530E
950
#333509

Contrast Checker

Text on white

2.33:1

AA Fail AAA Fail

Text on black

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