ColorTool
Log in
#BF4FED

#bf4fed ≈ Medium Orchid

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

#bf4fed is a color from the magenta family, with medium lightness and strong saturation. In the RGB model it is made of 74.9% red, 30.98% green and 92.94% blue; printed in CMYK it uses 19.41% cyan, 66.67% magenta, 0% yellow and 7.06% black. Its hue angle is 282.53°, with 81.44% saturation and 61.96% lightness in HSL. It is a cool color, 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.56:1 (WCAG AA). The closest named color is Medium Orchid (#ba55d3), ΔE 3.86.

Description generated from the measured properties of this color.

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

Complementary

  1. #bf4fed
  2. #7ded4f

Split complementary

  1. #bf4fed
  2. #cced4f
  3. #4fed70

Analogous

  1. #704fed
  2. #bf4fed
  3. #ed4fcc

Triadic

  1. #bf4fed
  2. #edbf4f
  3. #4fedbf

Tetradic

  1. #bf4fed
  2. #ed4f7d
  3. #7ded4f
  4. #4fedbf

Square

  1. #bf4fed
  2. #ed704f
  3. #7ded4f
  4. #4fcced

Monochromatic

  1. #6d0f94
  2. #a016d9
  3. #bf4fed
  4. #d894f4
  5. #f1dafb

Shades

#bf4fed mixed progressively with black.

  1. #bf4fed
  2. #ac47d5
  3. #993fbe
  4. #8637a6
  5. #732f8e
  6. #602877
  7. #4c205f
  8. #391847
  9. #26102f
  10. #130818
  11. #000000

Tints

#bf4fed mixed progressively with white.

  1. #bf4fed
  2. #c561ef
  3. #cc72f1
  4. #d284f2
  5. #d995f4
  6. #dfa7f6
  7. #e5b9f8
  8. #eccafa
  9. #f2dcfb
  10. #f9edfd
  11. #ffffff

Tones

#bf4fed mixed progressively with gray.

  1. #bf4fed
  2. #b954e2
  3. #b259d7
  4. #ac5ecc
  5. #a663c1
  6. #a068b7
  7. #996cac
  8. #9371a1
  9. #8d7696
  10. #867b8b
  11. #808080

Readable text 3.78:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
Readable text 5.56:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

Achromatopsia #838383 ≈ 0.003% of males
Achromatomaly #9f72b7 ≈ 0.001% of males
Protanopia #007df2 ≈ 1.01% of males
Deuteranopia #4886e9 ≈ 1.27% of males
Tritanopia #bb6e98 ≈ 0.0001% of males
Protanomaly #7c6df0 ≈ 1.08% of males
Deuteranomaly #8874eb ≈ 4.63% of males
Tritanomaly #bd63c0 ≈ 0.0002% of males
Simulate on your own image

Text in this color

Background in this color

Border in this color

Text color
.text-bf4fed {
  color: #bf4fed;
}
Background
.bg-bf4fed {
  background-color: #bf4fed;
  color: #000000;
}
Border
.border-bf4fed {
  border: 2px solid #bf4fed;
}
CSS variables
:root {
  --color-primary: #bf4fed;
  --color-primary-rgb: 191 79 237;
  --color-primary-hsl: 283 81% 62%;
}
Gradient
.gradient-bf4fed {
  background: linear-gradient(135deg, #bf4fed, #ed4fcc);
}
Colored shadow
.shadow-bf4fed {
  box-shadow: 0 8px 24px rgb(191 79 237 / 0.35);
}

#ba55d3 Medium Orchid ΔE 3.86 #bf00ff Electric Purple ΔE 6.94 #9966cc Amethyst ΔE 8.19 #ff00ff Fuchsia ΔE 9.18 #ff00ff Magenta ΔE 9.18 #df73ff Heliotrope ΔE 9.91 #9370db Medium Purple ΔE 10.07 #40b012 Inverted #838383 Grayscale 

Medium Orchid
#bf4fed  rgb(191, 79, 237)  hsl(283, 81%, 62%)  Medium Orchid
#7ded4f  rgb(125, 237, 79)  hsl(103, 81%, 62%)  Lawn Green
#edbf4f  rgb(237, 191, 79)  hsl(43, 81%, 62%)  Meat Brown
#4fedbf  rgb(79, 237, 191)  hsl(163, 81%, 62%)  Aquamarine