ColorTool
Log in
#EB44D4

#eb44d4 ≈ Shocking Pink

  • magenta
  • Lightness: medium
  • Saturation: strong
  • Balanced
Check contrast Explore in graph Random color

#eb44d4 is a color from the magenta family, with medium lightness and strong saturation. In the RGB model it is made of 92.16% red, 26.67% green and 83.14% blue; printed in CMYK it uses 0% cyan, 71.06% magenta, 9.79% yellow and 7.84% black. Its hue angle is 308.26°, with 80.68% saturation and 59.41% lightness in HSL. It sits between warm and cool, and is often associated with creativity, boldness and individuality. Designers typically use it for beauty and cosmetics, creative studios and call-to-action buttons. Black text on this color reaches a contrast ratio of 6.31:1 (WCAG AA). The closest named color is Shocking Pink (#fc0fc0), ΔE 4.89.

Description generated from the measured properties of this color.

HEX
RGB
RGB percent
CMY
CMYK
HSL
HSV / HSB
Web safe#ff33cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
Binary
Decimal
Relative luminance0.2655

Complementary

  1. #eb44d4
  2. #44eb5b

Split complementary

  1. #eb44d4
  2. #81eb44
  3. #44ebae

Analogous

  1. #ae44eb
  2. #eb44d4
  3. #eb4481

Triadic

  1. #eb44d4
  2. #d4eb44
  3. #44d4eb

Tetradic

  1. #eb44d4
  2. #eb5b44
  3. #44eb5b
  4. #44d4eb

Square

  1. #eb44d4
  2. #ebae44
  3. #44eb5b
  4. #4481eb

Monochromatic

  1. #880e77
  2. #cd16b3
  3. #eb44d4
  4. #f289e4
  5. #facef4

Shades

#eb44d4 mixed progressively with black.

  1. #eb44d4
  2. #d43dbf
  3. #bc36aa
  4. #a53094
  5. #8d297f
  6. #76226a
  7. #5e1b55
  8. #471440
  9. #2f0e2a
  10. #180715
  11. #000000

Tints

#eb44d4 mixed progressively with white.

  1. #eb44d4
  2. #ed57d8
  3. #ef69dd
  4. #f17ce1
  5. #f38fe5
  6. #f5a2ea
  7. #f7b4ee
  8. #f9c7f2
  9. #fbdaf6
  10. #fdecfb
  11. #ffffff

Tones

#eb44d4 mixed progressively with gray.

  1. #eb44d4
  2. #e04acc
  3. #d650c3
  4. #cb56bb
  5. #c05cb2
  6. #b662aa
  7. #ab68a2
  8. #a06e99
  9. #957491
  10. #8b7a88
  11. #808080

Readable text 3.33:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 6.31:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #8d8d8d ≈ 0.003% of males
Achromatomaly #ba76ae ≈ 0.001% of males
Protanopia #417dd8 ≈ 1.01% of males
Deuteranopia #7d96d0 ≈ 1.27% of males
Tritanopia #f65387 ≈ 0.0001% of males
Protanomaly #a36bd6 ≈ 1.08% of males
Deuteranomaly #b47dd2 ≈ 4.63% of males
Tritanomaly #f24dab ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-eb44d4 {
  color: #eb44d4;
}
Background
.bg-eb44d4 {
  background-color: #eb44d4;
  color: #000000;
}
Border
.border-eb44d4 {
  border: 2px solid #eb44d4;
}
CSS variables
:root {
  --color-primary: #eb44d4;
  --color-primary-rgb: 235 68 212;
  --color-primary-hsl: 308 81% 59%;
}
Gradient
.gradient-eb44d4 {
  background: linear-gradient(135deg, #eb44d4, #eb4481);
}
Colored shadow
.shadow-eb44d4 {
  box-shadow: 0 8px 24px rgb(235 68 212 / 0.35);
}

#fc0fc0 Shocking Pink ΔE 4.89 #ff00ff Fuchsia ΔE 6.04 #ff00ff Magenta ΔE 6.04 #da70d6 Orchid ΔE 6.66 #ff66cc Rose Pink ΔE 8.16 #ba55d3 Medium Orchid ΔE 8.40 #df73ff Heliotrope ΔE 9.75 #14bb2b Inverted #8d8d8d Grayscale 

Shocking Pink
#eb44d4  rgb(235, 68, 212)  hsl(308, 81%, 59%)  Shocking Pink
#44eb5b  rgb(68, 235, 91)  hsl(128, 81%, 59%)  Malachite
#d4eb44  rgb(212, 235, 68)  hsl(68, 81%, 59%)  Pear
#44d4eb  rgb(68, 212, 235)  hsl(188, 81%, 59%)  Dark Turquoise