#de5c9d
Bootstrap pink-400Color code information, RGB and HSL conversion values, WCAG accessibility contrast ratios, color harmonies, tints, and shades for #de5c9d.
Color Swatch#DE5C9D
Best Text: Black
The quick brown fox jumps over the lazy dog.
Sample typography preview rendered in #000000 (black) text for optimal readability.
Color Values & Conversions
HEX#de5c9d
RGBrgb(222, 92, 157)
HSLhsl(330, 66%, 62%)
CMYKcmyk(0%, 59%, 29%, 13%)
WCAG Contrast Ratios
Contrast evaluation under WCAG 2.1 standards. Normal text requires 4.5:1 (AA) or 7.0:1 (AAA). Large text (≥18pt or 14pt bold) requires 3.0:1 (AA) or 4.5:1 (AAA).
Against White3.43:1
White Text Preview
Normal AA:Fail
Normal AAA:Fail
Large AA:Pass
Large AAA:Fail
Against Black5.51:1
Black Text Preview
Normal AA:Pass
Normal AAA:Fail
Large AA:Pass
Large AAA:Pass
Tints & Shades
Tints (Mixing toward White)
#e374ac+15%
#e88dba+30%
#eda5c9+45%
#f2bed8+60%
#f7d6e7+75%
Shades (Mixing toward Black)
#bd4e85-15%
#9b406e-30%
#7a3356-45%
#59253f-60%
#381727-75%
Color Names
- bootstrap-pink-400Bootstrap 5
Also known as:
bootstrap-pink-400
Want to extract colors from an image?
Upload or drag any photo, screenshot, or graphic to sample pixel-exact colors with a 10× zoom loupe, extract dominant palettes, and copy CSS variables.