#ADB950

#ADB950

Color Values

HEX

#ADB950

RGB

173, 185, 80

HSL

66.9, 42.9%, 52.0%

HSV

66.9, 56.8%, 72.5%

CMYK

6.5%, 0.0%, 56.8%, 27.5%

OKLCH

0.755 0.1303 115.0

Properties

Cool Light Nearest: NCS S 1040-G50Y Olive Light

Color Harmonies

Complementary

#ADB950

#5C50B9

Analogous

#B99150

#79B950

#ADB950

Triadic

#ADB950

#50ADB9

#B950AD

Split Complementary

#ADB950

#5079B9

#9150B9

Tetradic

#ADB950

#50B991

#5C50B9

#B95079

Color Blindness Simulation

Original

#ADB950

Protanopia

#B2B269

Deuteranopia

#B2B170

Tritanopia

#AE7D82

Achromatopsia

#AFAFAF

CSS Usage

background-color: #ADB950;
color: #ADB950;
border-color: #ADB950;
Nearest Tailwind: Yellow 200 #FEF08A

Tailwind Shades

50
#F9FAF5
100
#F2F4E7
200
#E7EBCC
300
#D6DCA8
400
#C0C978
500
#AAB649
600
#88923A
700
#6D752F
800
#555B24
900
#3F431E
950
#282A13

Contrast Checker

Text on white

2.14:1

AA Fail AAA Fail

Text on black

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