ColorTool
Log in
#EB11EA

#eb11ea ≈ Fuchsia

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

#eb11ea is a color from the magenta family, with medium lightness and vivid saturation. In the RGB model it is made of 92.16% red, 6.67% green and 91.76% blue; printed in CMYK it uses 0% cyan, 92.77% magenta, 0.43% yellow and 7.84% black. Its hue angle is 300.28°, with 86.51% saturation and 49.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 5.8:1 (WCAG AA). The closest named color is Fuchsia (#ff00ff), ΔE 4.08.

Description generated from the measured properties of this color.

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

Complementary

  1. #eb11ea
  2. #11eb12

Split complementary

  1. #eb11ea
  2. #7deb11
  3. #11eb7f

Analogous

  1. #7f11eb
  2. #eb11ea
  3. #eb117d

Triadic

  1. #eb11ea
  2. #eaeb11
  3. #11eaeb

Tetradic

  1. #eb11ea
  2. #eb1211
  3. #11eb12
  4. #11eaeb

Square

  1. #eb11ea
  2. #eb7f11
  3. #11eb12
  4. #117deb

Monochromatic

  1. #5c075c
  2. #a40ca3
  3. #eb11ea
  4. #f356f2
  5. #f89df7

Shades

#eb11ea mixed progressively with black.

  1. #eb11ea
  2. #d40fd3
  3. #bc0ebb
  4. #a50ca4
  5. #8d0a8c
  6. #760975
  7. #5e075e
  8. #470546
  9. #2f032f
  10. #180217
  11. #000000

Tints

#eb11ea mixed progressively with white.

  1. #eb11ea
  2. #ed29ec
  3. #ef41ee
  4. #f158f0
  5. #f370f2
  6. #f588f5
  7. #f7a0f7
  8. #f9b8f9
  9. #fbcffb
  10. #fde7fd
  11. #ffffff

Tones

#eb11ea mixed progressively with gray.

  1. #eb11ea
  2. #e01cdf
  3. #d627d5
  4. #cb32ca
  5. #c03dc0
  6. #b649b5
  7. #ab54aa
  8. #a05fa0
  9. #956a95
  10. #8b758b
  11. #808080

Readable text 3.62:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.8:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #868686 ≈ 0.003% of males
Achromatomaly #b76bb7 ≈ 0.001% of males
Protanopia #0076ef ≈ 1.01% of males
Deuteranopia #628fe6 ≈ 1.27% of males
Tritanopia #f3468b ≈ 0.0001% of males
Protanomaly #975eed ≈ 1.08% of males
Deuteranomaly #ab72e7 ≈ 4.63% of males
Tritanomaly #f038b9 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-eb11ea {
  color: #eb11ea;
}
Background
.bg-eb11ea {
  background-color: #eb11ea;
  color: #000000;
}
Border
.border-eb11ea {
  border: 2px solid #eb11ea;
}
CSS variables
:root {
  --color-primary: #eb11ea;
  --color-primary-rgb: 235 17 234;
  --color-primary-hsl: 300 87% 49%;
}
Gradient
.gradient-eb11ea {
  background: linear-gradient(135deg, #eb11ea, #eb117d);
}
Colored shadow
.shadow-eb11ea {
  box-shadow: 0 8px 24px rgb(235 17 234 / 0.35);
}

#ff00ff Fuchsia ΔE 4.08 #ff00ff Magenta ΔE 4.08 #fc0fc0 Shocking Pink ΔE 7.65 #ba55d3 Medium Orchid ΔE 7.78 #bf00ff Electric Purple ΔE 9.19 #da70d6 Orchid ΔE 10.44 #df73ff Heliotrope ΔE 10.98 #14ee15 Inverted #868686 Grayscale 

Fuchsia
#eb11ea  rgb(235, 17, 234)  hsl(300, 87%, 49%)  Fuchsia
#11eb12  rgb(17, 235, 18)  hsl(120, 87%, 49%)  Lime
#eaeb11  rgb(234, 235, 17)  hsl(60, 87%, 49%)  Titanium Yellow
#11eaeb  rgb(17, 234, 235)  hsl(180, 87%, 49%)  Bright Turquoise