#E554BF

#e554bf ≈ Shocking Pink

  • मैजेंटा
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • संतुलित

#e554bf “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 89.8% लाल, 32.94% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 63.32% मैजेंटा, 16.59% पीला और 10.2% काला लगता है। HSL में इसका ह्यू कोण 315.72°, संतृप्ति 73.6% और चमक 61.37% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 6.35:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 5.09।

यह विवरण इस रंग के मापे गए गुणों से बनाया गया है।

#e554bf के अन्य कलर स्पेस में मान
HEX
RGB
RGB प्रतिशत
CMY
CMYK
HSL
HSV / HSB
वेब-सेफ़#cc66cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
बाइनरी
दशमलव
सापेक्ष ल्यूमिनेंस0.2676

शेड

#e554bf में धीरे-धीरे काला मिलाया गया।

  1. #e554bf
  2. #ce4cac
  3. #b74399
  4. #a03b86
  5. #893273
  6. #732a60
  7. #5c224c
  8. #451939
  9. #2e1126
  10. #170813
  11. #000000

टिंट

#e554bf में धीरे-धीरे सफ़ेद मिलाया गया।

  1. #e554bf
  2. #e865c5
  3. #ea76cc
  4. #ed87d2
  5. #ef98d9
  6. #f2aadf
  7. #f5bbe5
  8. #f7ccec
  9. #faddf2
  10. #fceef9
  11. #ffffff

टोन

#e554bf में धीरे-धीरे ग्रे मिलाया गया।

  1. #e554bf
  2. #db58b9
  3. #d15db2
  4. #c761ac
  5. #bd66a6
  6. #b36aa0
  7. #a86e99
  8. #9e7393
  9. #94778d
  10. #8a7c86
  11. #808080

पढ़ने योग्य टेक्स्ट 3.31:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
पढ़ने योग्य टेक्स्ट 6.35:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

अक्रोमैटोप्सिया #8d8d8d ≈ 0.003% पुरुष
अक्रोमैटोमली #b77aa4 ≈ 0.001% पुरुष
प्रोटानोपिया #5c7fc2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #8896bb ≈ 1.27% पुरुष
ट्राइटानोपिया #f25882 ≈ 0.0001% पुरुष
प्रोटानोमली #a570c1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b581bd ≈ 4.63% पुरुष
ट्राइटानोमली #ed579e ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

इस रंग में टेक्स्ट

इस रंग में बैकग्राउंड

इस रंग में बॉर्डर

टेक्स्ट रंग
.text-e554bf {
  color: #e554bf;
}
बैकग्राउंड
.bg-e554bf {
  background-color: #e554bf;
  color: #000000;
}
बॉर्डर
.border-e554bf {
  border: 2px solid #e554bf;
}
CSS वेरिएबल
:root {
  --color-primary: #e554bf;
  --color-primary-rgb: 229 84 191;
  --color-primary-hsl: 316 74% 61%;
}
ग्रेडिएंट
.gradient-e554bf {
  background: linear-gradient(135deg, #e554bf, #e55477);
}
रंगीन छाया
.shadow-e554bf {
  box-shadow: 0 8px 24px rgb(229 84 191 / 0.35);
}

Shocking Pink
#e554bf  rgb(229, 84, 191)  hsl(316, 74%, 61%)  Shocking Pink
#54e57a  rgb(84, 229, 122)  hsl(136, 74%, 61%)  Pastel Green
#bfe554  rgb(191, 229, 84)  hsl(76, 74%, 61%)  June Bud
#54bfe5  rgb(84, 191, 229)  hsl(196, 74%, 61%)  Deep Sky Blue