#DDA81C

Color Details

HEX
#DDA81C
RGB
rgb(221, 168, 28)
HSL
hsl(44, 78%, 49%)
CMYK
cmyk(0%, 24%, 87%, 13%)
Best text on this color #000000 (CR 9.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dda81c
Contrast 9.69:1 AAA
White on #dda81c
Contrast 2.17:1 Fail
#dda81c on Black
Contrast 9.69:1 AAA
#dda81c on White
Contrast 2.17:1 Fail

Tints & Shades

#e4b949
#ebcb77
#f1dca4
#b18616
#856511
#58430b

Complement & Analogous

#1b4fde
#b1de1b
#de491b

Triadic

#1bdeaa
#aa1bde

Monochrome

#58430b #856511 #dda81c #ebcb77 #f1dca4 #f8eed2

Analogous

#de491b #e8805f #dda81c #c1e549 #b1de1b #8eb216

Complementary Mix

#856511 #dda81c #ebcb77 #1b4fde #6b8dea #123390

Nearby Colors

#dda81b
#dda81d
#dda80c
#dda82c

Embed #DDA81C swatch

Embed this swatch

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

Open image

About #DDA81C

#DDA81C converts to RGB(221, 168, 28) and HSL(44, 78%, 49%). 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).

#DDA81C FAQs

What is the RGB value of #DDA81C?
RGB: 221, 168, 28. Copy as CSS: rgb(221, 168, 28)
Is #DDA81C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DDA81C?
Complement: #1b4fde.
Does #DDA81C have good contrast on white or black?
On white: 2.17:1 (Fails AA). On black: 9.69:1 (AAA (normal text)).