#ABAD14

#ABAD14

Color Values

HEX

#ABAD14

RGB

171, 173, 20

HSL

60.8, 79.3%, 37.8%

HSV

60.8, 88.4%, 67.8%

CMYK

1.2%, 0.0%, 88.4%, 32.2%

OKLCH

0.7224 0.1542 110.6

Properties

Cool Light Nearest: RAL 1027 Curry

Color Harmonies

Complementary

#ABAD14

#1614AD

Analogous

#AD6214

#5EAD14

#ABAD14

Triadic

#ABAD14

#14ABAD

#AD14AB

Split Complementary

#ABAD14

#145EAD

#6214AD

Tetradic

#ABAD14

#14AD62

#1614AD

#AD145E

Color Blindness Simulation

Original

#ABAD14

Protanopia

#ACAC39

Deuteranopia

#ACAC42

Tritanopia

#AB565D

Achromatopsia

#A2A2A2

CSS Usage

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

Tailwind Shades

50
#FCFDF2
100
#F9F9E1
200
#F7F8BF
300
#F1F291
400
#E9EB56
500
#E2E51A
600
#B5B715
700
#919211
800
#71720D
900
#52530E
950
#343409

Contrast Checker

Text on white

2.41:1

AA Fail AAA Fail

Text on black

8.72:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026