ColorTool
Log in
#EA14F0

#ea14f0 ≈ Fuchsia

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

#ea14f0 is a color from the magenta family, with medium lightness and vivid saturation. In the RGB model it is made of 91.76% red, 7.84% green and 94.12% blue; printed in CMYK it uses 2.5% cyan, 91.67% magenta, 0% yellow and 5.88% black. Its hue angle is 298.36°, with 88% saturation and 50.98% 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.86:1 (WCAG AA). The closest named color is Fuchsia (#ff00ff), ΔE 3.79.

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.2428

Complementary

  1. #ea14f0
  2. #1af014

Split complementary

  1. #ea14f0
  2. #88f014
  3. #14f07c

Analogous

  1. #7c14f0
  2. #ea14f0
  3. #f01488

Triadic

  1. #ea14f0
  2. #f0ea14
  3. #14f0ea

Tetradic

  1. #ea14f0
  2. #f0141a
  3. #1af014
  4. #14f0ea

Square

  1. #ea14f0
  2. #f07c14
  3. #1af014
  4. #1488f0

Monochromatic

  1. #620665
  2. #a80bac
  3. #ea14f0
  4. #f05cf5
  5. #f7a4f9

Shades

#ea14f0 mixed progressively with black.

  1. #ea14f0
  2. #d312d8
  3. #bb10c0
  4. #a40ea8
  5. #8c0c90
  6. #750a78
  7. #5e0860
  8. #460648
  9. #2f0430
  10. #170218
  11. #000000

Tints

#ea14f0 mixed progressively with white.

  1. #ea14f0
  2. #ec2cf2
  3. #ee43f3
  4. #f05bf5
  5. #f272f6
  6. #f58af8
  7. #f7a1f9
  8. #f9b9fb
  9. #fbd0fc
  10. #fde8fe
  11. #ffffff

Tones

#ea14f0 mixed progressively with gray.

  1. #ea14f0
  2. #df1fe5
  3. #d52ada
  4. #ca34ce
  5. #c03fc3
  6. #b54ab8
  7. #aa55ad
  8. #a060a2
  9. #956a96
  10. #8b758b
  11. #808080

Readable text 3.59:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.86:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #878787 ≈ 0.003% of males
Achromatomaly #b76cbb ≈ 0.001% of males
Protanopia #0078f5 ≈ 1.01% of males
Deuteranopia #5d8fec ≈ 1.27% of males
Tritanopia #f14b8f ≈ 0.0001% of males
Protanomaly #955ff3 ≈ 1.08% of males
Deuteranomaly #a972ed ≈ 4.63% of males
Tritanomaly #ee3cbe ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-ea14f0 {
  color: #ea14f0;
}
Background
.bg-ea14f0 {
  background-color: #ea14f0;
  color: #000000;
}
Border
.border-ea14f0 {
  border: 2px solid #ea14f0;
}
CSS variables
:root {
  --color-primary: #ea14f0;
  --color-primary-rgb: 234 20 240;
  --color-primary-hsl: 298 88% 51%;
}
Gradient
.gradient-ea14f0 {
  background: linear-gradient(135deg, #ea14f0, #f01488);
}
Colored shadow
.shadow-ea14f0 {
  box-shadow: 0 8px 24px rgb(234 20 240 / 0.35);
}

#ff00ff Fuchsia ΔE 3.79 #ff00ff Magenta ΔE 3.79 #ba55d3 Medium Orchid ΔE 7.77 #fc0fc0 Shocking Pink ΔE 8.43 #bf00ff Electric Purple ΔE 8.79 #da70d6 Orchid ΔE 10.57 #df73ff Heliotrope ΔE 10.62 #15eb0f Inverted #878787 Grayscale 

Fuchsia
#ea14f0  rgb(234, 20, 240)  hsl(298, 88%, 51%)  Fuchsia
#1af014  rgb(26, 240, 20)  hsl(118, 88%, 51%)  Lime
#f0ea14  rgb(240, 234, 20)  hsl(58, 88%, 51%)  Titanium Yellow
#14f0ea  rgb(20, 240, 234)  hsl(178, 88%, 51%)  Bright Turquoise