ColorTool
Log in
#E51158

#e51158 ≈ Raspberry

  • rose
  • Lightness: medium
  • Saturation: vivid
  • Warm
Check contrast Explore in graph Random color

#e51158 is a color from the rose family, with medium lightness and vivid saturation. In the RGB model it is made of 89.8% red, 6.67% green and 34.51% blue; printed in CMYK it uses 0% cyan, 92.58% magenta, 61.57% yellow and 10.2% black. Its hue angle is 339.91°, with 86.18% saturation and 48.24% lightness in HSL. It is a warm color, often associated with romance, playfulness and affection. Designers typically use it for food and restaurant brands, sales and promotions and call-to-action buttons. White text on this color reaches a contrast ratio of 4.61:1 (WCAG AA). The closest named color is Raspberry (#e30b5c), ΔE 1.53.

Description generated from the measured properties of this color.

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

Complementary

  1. #e51158
  2. #11e59e

Split complementary

  1. #e51158
  2. #11e534
  3. #11c2e5

Analogous

  1. #e511c2
  2. #e51158
  3. #e53411

Triadic

  1. #e51158
  2. #58e511
  3. #1158e5

Tetradic

  1. #e51158
  2. #e59e11
  3. #11e59e
  4. #1158e5

Square

  1. #e51158
  2. #c2e511
  3. #11e59e
  4. #3411e5

Monochromatic

  1. #570621
  2. #9e0c3d
  3. #e51158
  4. #f25087
  5. #f798b8

Shades

#e51158 mixed progressively with black.

  1. #e51158
  2. #ce0f4f
  3. #b70e46
  4. #a00c3e
  5. #890a35
  6. #73092c
  7. #5c0723
  8. #45051a
  9. #2e0312
  10. #170209
  11. #000000

Tints

#e51158 mixed progressively with white.

  1. #e51158
  2. #e82969
  3. #ea4179
  4. #ed588a
  5. #ef709b
  6. #f288ac
  7. #f5a0bc
  8. #f7b8cd
  9. #facfde
  10. #fce7ee
  11. #ffffff

Tones

#e51158 mixed progressively with gray.

  1. #e51158
  2. #db1c5c
  3. #d12760
  4. #c73264
  5. #bd3d68
  6. #b3496c
  7. #a85470
  8. #9e5f74
  9. #946a78
  10. #8a757c
  11. #808080

Readable text 4.61:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓
Readable text 4.55:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #757575 ≈ 0.003% of males
Achromatomaly #ad5d6b ≈ 0.001% of males
Protanopia #5b5b59 ≈ 1.01% of males
Deuteranopia #8e8353 ≈ 1.27% of males
Tritanopia #fb0036 ≈ 0.0001% of males
Protanomaly #a54858 ≈ 1.08% of males
Deuteranomaly #b76855 ≈ 4.63% of males
Tritanomaly #f30046 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-e51158 {
  color: #e51158;
}
Background
.bg-e51158 {
  background-color: #e51158;
  color: #ffffff;
}
Border
.border-e51158 {
  border: 2px solid #e51158;
}
CSS variables
:root {
  --color-primary: #e51158;
  --color-primary-rgb: 229 17 88;
  --color-primary-hsl: 340 86% 48%;
}
Gradient
.gradient-e51158 {
  background: linear-gradient(135deg, #e51158, #e53411);
}
Colored shadow
.shadow-e51158 {
  box-shadow: 0 8px 24px rgb(229 17 88 / 0.35);
}

#e30b5c Raspberry ΔE 1.53 #e0115f Ruby ΔE 2.56 #de3163 Cerise ΔE 2.78 #e52b50 Amaranth ΔE 4.04 #e3256b Razzmatazz ΔE 4.44 #cb4154 Brick Red ΔE 5.48 #d71868 Dogwood Rose ΔE 5.98 #1aeea7 Inverted #757575 Grayscale 

Raspberry
#e51158  rgb(229, 17, 88)  hsl(340, 86%, 48%)  Raspberry
#11e59e  rgb(17, 229, 158)  hsl(160, 86%, 48%)  Medium Spring Green
#58e511  rgb(88, 229, 17)  hsl(100, 86%, 48%)  Harlequin
#1158e5  rgb(17, 88, 229)  hsl(220, 86%, 48%)  Royal Blue