#ADB418

#ADB418

Color Values

HEX

#ADB418

RGB

173, 180, 24

HSL

62.7, 76.5%, 40.0%

HSV

62.7, 86.7%, 70.6%

CMYK

3.9%, 0.0%, 86.7%, 29.4%

OKLCH

0.7399 0.1593 112.6

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#ADB418

#1F18B4

Analogous

#B46D18

#5FB418

#ADB418

Triadic

#ADB418

#18ADB4

#B418AD

Split Complementary

#ADB418

#185FB4

#6D18B4

Tetradic

#ADB418

#18B46D

#1F18B4

#B4185F

Color Blindness Simulation

Original

#ADB418

Protanopia

#B0B03E

Deuteranopia

#B0AF47

Tritanopia

#AD5C62

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F9E2
200
#F4F7C0
300
#ECF193
400
#E2E958
500
#D8E11E
600
#ADB418
700
#8A9013
800
#6C710F
900
#4F520F
950
#32340A

Contrast Checker

Text on white

2.25:1

AA Fail AAA Fail

Text on black

9.32:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026