#ADA70E

Color Details

HEX
#ADA70E
RGB
rgb(173, 167, 14)
HSL
hsl(58, 85%, 37%)
CMYK
cmyk(0%, 3%, 92%, 32%)
Best text on this color #000000 (CR 8.31:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ada70e
Contrast 8.31:1 AAA
White on #ada70e
Contrast 2.53:1 Fail
#ada70e on Black
Contrast 8.31:1 AAA
#ada70e on White
Contrast 2.53:1 Fail

Tints & Shades

#bdb93e
#ceca6e
#dedc9f
#8a860b
#686408
#454306

Complement & Analogous

#0e13af
#64af0e
#af590e

Triadic

#0eafa9
#a90eaf

Monochrome

#454306 #686408 #ada70e #ceca6e #dedc9f #efedcf

Analogous

#af590e #c78b56 #ada70e #83bf3e #64af0e #508c0b

Complementary Mix

#686408 #ada70e #ceca6e #0e13af #6266cb #090c72

Nearby Colors

#ada70d
#ada70f
#ada6fe
#ada71e

Embed #ADA70E swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #ADA70E

#ADA70E converts to RGB(173, 167, 14) and HSL(58, 85%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#ADA70E FAQs

What is the RGB value of #ADA70E?
RGB: 173, 167, 14. Copy as CSS: rgb(173, 167, 14)
Is #ADA70E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #ADA70E?
Complement: #0e13af.
Does #ADA70E have good contrast on white or black?
On white: 2.53:1 (Fails AA). On black: 8.31:1 (AAA (normal text)).