#DC2FA4

#dc2fa4 ≈ Shocking Pink

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

#dc2fa4 “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 86.27% लाल, 18.43% हरे और 64.31% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 78.64% मैजेंटा, 25.45% पीला और 13.73% काला लगता है। HSL में इसका ह्यू कोण 319.42°, संतृप्ति 71.19% और चमक 52.35% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.99:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 6.11।

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

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

शेड

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

  1. #dc2fa4
  2. #c62a94
  3. #b02683
  4. #9a2173
  5. #841c62
  6. #6e1852
  7. #581342
  8. #420e31
  9. #2c0921
  10. #160510
  11. #000000

टिंट

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

  1. #dc2fa4
  2. #e044ad
  3. #e359b6
  4. #e76dbf
  5. #ea82c8
  6. #ee97d2
  7. #f1acdb
  8. #f5c1e4
  9. #f8d5ed
  10. #fceaf6
  11. #ffffff

टोन

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

  1. #dc2fa4
  2. #d337a0
  3. #ca3f9d
  4. #c04799
  5. #b74f96
  6. #ae5892
  7. #a5608e
  8. #9c688b
  9. #927087
  10. #897884
  11. #808080

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

अक्रोमैटोप्सिया #7b7b7b ≈ 0.003% पुरुष
अक्रोमैटोमली #ab658d ≈ 0.001% पुरुष
प्रोटानोपिया #4769a7 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7c86a0 ≈ 1.27% पुरुष
ट्राइटानोपिया #eb2c67 ≈ 0.0001% पुरुष
प्रोटानोमली #9a57a6 ≈ 1.08% पुरुष
ड्यूटेरानोमली #ab6da2 ≈ 4.63% पुरुष
ट्राइटानोमली #e52d84 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Shocking Pink
#dc2fa4  rgb(220, 47, 164)  hsl(319, 71%, 52%)  Shocking Pink
#2fdc67  rgb(47, 220, 103)  hsl(139, 71%, 52%)  Malachite
#a4dc2f  rgb(164, 220, 47)  hsl(79, 71%, 52%)  Yellow Green
#2fa4dc  rgb(47, 164, 220)  hsl(199, 71%, 52%)  Carolina Blue