Hex Color #DB4996 - Custom Color

Color Codes

HEX

#DB4996

RGB

rgb(219, 73, 150)

HSL

hsl(328, 67%, 57%)

CMYK

cmyk(0%, 67%, 32%, 14%)

HSV

hsv(328, 67%, 86%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#D648DB #DB4896 #DB484D

Triadic

#DB4896 #96DB48 #4896DB

Split Complementary

#DB4896 #4DDB48 #48DBD6

Tetradic (Square)

#DB4896 #DBD648 #48DB8C #484DDB

Complementary

#DB4996 #48DB8C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.88:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.41:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Recommended Text Color

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

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #DB4996;

color: #DB4996;

border-color: #DB4996;

}

Tailwind CSS (with arbitrary values)

bg-[#DB4996]

text-[#DB4996]

border-[#DB4996]

// Example usage: