Hex Color #DED8D8 - Custom Color

Color Codes

HEX

#DED8D8

RGB

rgb(222, 216, 216)

HSL

hsl(0, 8%, 86%)

CMYK

cmyk(0%, 3%, 3%, 13%)

HSV

hsv(0, 3%, 87%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DED8DB #DED8D8 #DEDBD8

Triadic

#DED8D8 #D8DED8 #D8D8DE

Split Complementary

#DED8D8 #D8DEDB #D8DBDE

Tetradic (Square)

#DED8D8 #DBDED8 #D8DEDE #DBD8DE

Complementary

#DED8D8 #D8DEDE

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.41:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.92: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: #DED8D8;

color: #DED8D8;

border-color: #DED8D8;

}

Tailwind CSS (with arbitrary values)

bg-[#DED8D8]

text-[#DED8D8]

border-[#DED8D8]

// Example usage: