Hex Color #D48DCF - Custom Color

Color Codes

HEX

#D48DCF

RGB

rgb(212, 141, 207)

HSL

hsl(304, 45%, 69%)

CMYK

cmyk(0%, 33%, 2%, 17%)

HSV

hsv(304, 33%, 83%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#B58CD4 #D48CCF #D48CAB

Triadic

#D48CCF #CFD48C #8CCFD4

Split Complementary

#D48CCF #ABD48C #8CD4B5

Tetradic (Square)

#D48CCF #D4B58C #8CD491 #8CABD4

Complementary

#D48DCF #8CD491

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 8.51:1

Pass - WCAG AA (Normal Text)

Pass - 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: #D48DCF;

color: #D48DCF;

border-color: #D48DCF;

}

Tailwind CSS (with arbitrary values)

bg-[#D48DCF]

text-[#D48DCF]

border-[#D48DCF]

// Example usage: