Hex Color #DBD88F - Custom Color

Color Codes

HEX

#DBD88F

RGB

rgb(219, 216, 143)

HSL

hsl(58, 51%, 71%)

CMYK

cmyk(0%, 1%, 35%, 14%)

HSV

hsv(58, 35%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#DBB38F #DBD88F #B8DB8F

Triadic

#DBD88F #8FDBD8 #D88FDB

Split Complementary

#DBD88F #8FB8DB #B38FDB

Tetradic (Square)

#DBD88F #8FDBB3 #8F92DB #DB8FB8

Complementary

#DBD88F #8F92DB

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.48:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.23: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: #DBD88F;

color: #DBD88F;

border-color: #DBD88F;

}

Tailwind CSS (with arbitrary values)

bg-[#DBD88F]

text-[#DBD88F]

border-[#DBD88F]

// Example usage: