Hex Color #D50690 - Custom Color

Color Codes

HEX

#D50690

RGB

rgb(213, 6, 144)

HSL

hsl(320, 95%, 43%)

CMYK

cmyk(0%, 97%, 32%, 16%)

HSV

hsv(320, 97%, 84%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B305D6 #D60590 #D60528

Triadic

#D60590 #90D605 #0590D6

Split Complementary

#D60590 #28D605 #05D6B3

Tetradic (Square)

#D60590 #D6B305 #05D64B #0528D6

Complementary

#D50690 #05D64B

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 4.93:1

Pass - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 4.26:1

Fail - 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: #D50690;

color: #D50690;

border-color: #D50690;

}

Tailwind CSS (with arbitrary values)

bg-[#D50690]

text-[#D50690]

border-[#D50690]

// Example usage: