#ADB31A

#ADB31A

Color Values

HEX

#ADB31A

RGB

173, 179, 26

HSL

62.4, 74.6%, 40.2%

HSV

62.4, 85.5%, 70.2%

CMYK

3.4%, 0.0%, 85.5%, 29.8%

OKLCH

0.7377 0.1577 112.2

Properties

Cool Light Nearest: yellow 3

Color Harmonies

Complementary

#ADB31A

#201AB3

Analogous

#B36D1A

#60B31A

#ADB31A

Triadic

#ADB31A

#1AADB3

#B31AAD

Split Complementary

#ADB31A

#1A60B3

#6D1AB3

Tetradic

#ADB31A

#1AB36D

#201AB3

#B31A60

Color Blindness Simulation

Original

#ADB31A

Protanopia

#B0B03F

Deuteranopia

#AFAF48

Tritanopia

#AD5C63

Achromatopsia

#A7A7A7

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F8F8E2
200
#F4F6C1
300
#ECEF94
400
#E1E75A
500
#D7DF20
600
#ACB21A
700
#8A8E15
800
#6C6F10
900
#4E5110
950
#32330A

Contrast Checker

Text on white

2.27:1

AA Fail AAA Fail

Text on black

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