#DA30BF

#da30bf ≈ Shocking Pink

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

#da30bf “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 85.49% लाल, 18.82% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 77.98% मैजेंटा, 12.39% पीला और 14.51% काला लगता है। HSL में इसका ह्यू कोण 309.53°, संतृप्ति 69.67% और चमक 52.16% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.16:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 5.73।

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

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

शेड

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

  1. #da30bf
  2. #c42bac
  3. #ae2699
  4. #992286
  5. #831d73
  6. #6d1860
  7. #57134c
  8. #410e39
  9. #2c0a26
  10. #160513
  11. #000000

टिंट

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

  1. #da30bf
  2. #de45c5
  3. #e159cc
  4. #e56ed2
  5. #e983d9
  6. #ed98df
  7. #f0ace5
  8. #f4c1ec
  9. #f8d6f2
  10. #fbeaf9
  11. #ffffff

टोन

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

  1. #da30bf
  2. #d138b9
  3. #c840b2
  4. #bf48ac
  5. #b650a6
  6. #ad58a0
  7. #a46099
  8. #9b6893
  9. #92708d
  10. #897886
  11. #808080

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

अक्रोमैटोप्सिया #7e7e7e ≈ 0.003% पुरुष
अक्रोमैटोमली #ab679c ≈ 0.001% पुरुष
प्रोटानोपिया #316ec3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7187bb ≈ 1.27% पुरुष
ट्राइटानोपिया #e53f76 ≈ 0.0001% पुरुष
प्रोटानोमली #955bc1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a66ebd ≈ 4.63% पुरुष
ट्राइटानोमली #e13999 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Shocking Pink
#da30bf  rgb(218, 48, 191)  hsl(310, 70%, 52%)  Shocking Pink
#30da4b  rgb(48, 218, 75)  hsl(130, 70%, 52%)  Malachite
#bfda30  rgb(191, 218, 48)  hsl(70, 70%, 52%)  Pear
#30bfda  rgb(48, 191, 218)  hsl(190, 70%, 52%)  Sky Blue