#DEDE4C

Color Details

HEX
#DEDE4C
RGB
rgb(222, 222, 76)
HSL
hsl(60, 69%, 58%)
CMYK
cmyk(0%, 0%, 66%, 13%)
Best text on this color #000000 (CR 14.66:1) Determined by WCAG contrast ratio

Readability Previews

Black on #dede4c
Contrast 14.66:1 AAA
White on #dede4c
Contrast 1.43:1 Fail
#dede4c on Black
Contrast 14.66:1 AAA
#dede4c on White
Contrast 1.43:1 Fail

Tints & Shades

#e5e570
#ebeb94
#f2f2b7
#b2b23d
#85852e
#59591e

Complement & Analogous

#4a4ade
#94de4a
#de944a

Triadic

#4adede
#de4ade

Monochrome

#59591e #85852e #dede4c #ebeb94 #f2f2b7 #f8f8db

Analogous

#de944a #e8b480 #dede4c #a9e56e #94de4a #76b23b

Complementary Mix

#85852e #dede4c #ebeb94 #4a4ade #8989ea #303090

Nearby Colors

#dede4b
#dede4d
#dede3c
#dede5c

Embed #DEDE4C swatch

Embed this swatch

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

Open image

About #DEDE4C

#DEDE4C converts to RGB(222, 222, 76) and HSL(60, 69%, 58%). 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).

#DEDE4C FAQs

What is the RGB value of #DEDE4C?
RGB: 222, 222, 76. Copy as CSS: rgb(222, 222, 76)
Is #DEDE4C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #DEDE4C?
Complement: #4a4ade.
Does #DEDE4C have good contrast on white or black?
On white: 1.43:1 (Fails AA). On black: 14.66:1 (AAA (normal text)).