Hex Color #DDEE38 - Custom Color

Color Codes

HEX

#DDEE38

RGB

rgb(221, 238, 56)

HSL

hsl(66, 84%, 58%)

CMYK

cmyk(7%, 0%, 76%, 7%)

HSV

hsv(66, 76%, 93%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#EEA63A #DCEE3A #82EE3A

Triadic

#DCEE3A #3ADCEE #EE3ADC

Split Complementary

#DCEE3A #3A82EE #A63AEE

Tetradic (Square)

#DCEE3A #3AEEA6 #4C3AEE #EE3A82

Complementary

#DDEE38 #4C3AEE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.28:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 16.36: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: #DDEE38;

color: #DDEE38;

border-color: #DDEE38;

}

Tailwind CSS (with arbitrary values)

bg-[#DDEE38]

text-[#DDEE38]

border-[#DDEE38]

// Example usage: