Coloried

Dark Pink

Dark Pink color is a vivid shade of pink. Its hex code is #E75480 and rgb code is rgb(231, 84, 128), Its CMYK value is cmyk(0%, 64%, 45%, 9%), and Its HSL value is hsl(342, 75%, 62%). Against white, its contrast ratio of 3.51:1, while against black, the contrast ratio is 5.98:1. Complementary color is #55E7BB and closest tailwind color is pink-500. This color goes well with #8F2D14, #8F1476, #4C0B1E, #1BBB3B, and #1B9BBB. To get this Dark Pink color, you can mix #FF00FF and #CFA801.

Dark Pink color code
|
1. Color Conversions
HEX#E75480
RGB231, 84, 128
HSL342°, 75%, 62%
HSV342°, 75%, 91%
CMYK0%, 64%, 45%, 9%
Web Safe#FF6699
2. Contrast Ratio
Text on #FFFFFF3.51:1
AAA LargeFail Normal
Text on #0000005.98:1
AAA LargeAAA Normal
3. Dark Pink Color Code in CSS
HEX
#E75480
RGB
rgb(231, 84, 128)
HSL
hsl(342, 75%, 62%)
Text Color
color: #E75480;
Background
background-color: #E75480;
Border Color
border-color: #E75480;
Box Shadow
box-shadow: 0 4px 14px 0 #E7548080;
SCSS
$color-dark-pink: #E75480;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#A7A675
Deuteranopia#B0BB73
Tritanopia#E06D6B
Achromatopsia#858585
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive