Hex Color #DEDC00 - Custom Color

Color Codes

HEX

#DEDC00

RGB

rgb(222, 220, 0)

HSL

hsl(59, 100%, 44%)

CMYK

cmyk(0%, 1%, 100%, 13%)

HSV

hsv(59, 100%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E06C00 #E0DD00 #74E000

Triadic

#E0DD00 #00E0DD #DD00E0

Split Complementary

#E0DD00 #0074E0 #6C00E0

Tetradic (Square)

#E0DD00 #00E06C #0004E0 #E00074

Complementary

#DEDC00 #0004E0

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.46:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.34:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DEDC00;

color: #DEDC00;

border-color: #DEDC00;

}

Tailwind CSS (with arbitrary values)

bg-[#DEDC00]

text-[#DEDC00]

border-[#DEDC00]

// Example usage: