Hex Color #D257BF - Custom Color

Color Codes

HEX

#D257BF

RGB

rgb(210, 87, 191)

HSL

hsl(309, 58%, 58%)

CMYK

cmyk(0%, 59%, 9%, 18%)

HSV

hsv(309, 59%, 82%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#A756D2 #D256BF #D25681

Triadic

#D256BF #BFD256 #56BFD2

Split Complementary

#D256BF #81D256 #56D2A7

Tetradic (Square)

#D256BF #D2A756 #56D268 #5681D2

Complementary

#D257BF #56D268

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 3.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 5.86: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: #D257BF;

color: #D257BF;

border-color: #D257BF;

}

Tailwind CSS (with arbitrary values)

bg-[#D257BF]

text-[#D257BF]

border-[#D257BF]

// Example usage: