#E322A5

#e322a5 ≈ Shocking Pink

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

#e322a5 “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति बहुत चटक है। RGB मॉडल में यह 89.02% लाल, 13.33% हरे और 64.71% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 85.02% मैजेंटा, 27.31% पीला और 10.98% काला लगता है। HSL में इसका ह्यू कोण 319.27°, संतृप्ति 77.51% और चमक 51.18% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.04:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 5.48।

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

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

शेड

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

  1. #e322a5
  2. #cc1f95
  3. #b61b84
  4. #9f1874
  5. #881463
  6. #721153
  7. #5b0e42
  8. #440a32
  9. #2d0721
  10. #170311
  11. #000000

टिंट

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

  1. #e322a5
  2. #e638ae
  3. #e94eb7
  4. #eb64c0
  5. #ee7ac9
  6. #f191d2
  7. #f4a7db
  8. #f7bde4
  9. #f9d3ed
  10. #fce9f6
  11. #ffffff

टोन

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

  1. #e322a5
  2. #d92ba1
  3. #cf359e
  4. #c53e9a
  5. #bb4896
  6. #b25193
  7. #a85a8f
  8. #9e648b
  9. #946d87
  10. #8a7784
  11. #808080

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

अक्रोमैटोप्सिया #7c7c7c ≈ 0.003% पुरुष
अक्रोमैटोमली #af648e ≈ 0.001% पुरुष
प्रोटानोपिया #4368a8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7e87a1 ≈ 1.27% पुरुष
ट्राइटानोपिया #f31a65 ≈ 0.0001% पुरुष
प्रोटानोमली #9e54a7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b06da3 ≈ 4.63% पुरुष
ट्राइटानोमली #ed1d83 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-e322a5 {
  color: #e322a5;
}
बैकग्राउंड
.bg-e322a5 {
  background-color: #e322a5;
  color: #000000;
}
बॉर्डर
.border-e322a5 {
  border: 2px solid #e322a5;
}
CSS वेरिएबल
:root {
  --color-primary: #e322a5;
  --color-primary-rgb: 227 34 165;
  --color-primary-hsl: 319 78% 51%;
}
ग्रेडिएंट
.gradient-e322a5 {
  background: linear-gradient(135deg, #e322a5, #e32245);
}
रंगीन छाया
.shadow-e322a5 {
  box-shadow: 0 8px 24px rgb(227 34 165 / 0.35);
}

Shocking Pink
#e322a5  rgb(227, 34, 165)  hsl(319, 78%, 51%)  Shocking Pink
#22e360  rgb(34, 227, 96)  hsl(139, 78%, 51%)  Malachite
#a5e322  rgb(165, 227, 34)  hsl(79, 78%, 51%)  Inchworm
#22a5e3  rgb(34, 165, 227)  hsl(199, 78%, 51%)  Carolina Blue