#D321BC

#d321bc ≈ Shocking Pink

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

#d321bc “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 82.75% लाल, 12.94% हरे और 73.73% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 84.36% मैजेंटा, 10.9% पीला और 17.25% काला लगता है। HSL में इसका ह्यू कोण 307.75°, संतृप्ति 72.95% और चमक 47.84% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.71:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 7.88।

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

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

शेड

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

  1. #d321bc
  2. #be1ea9
  3. #a91a96
  4. #941784
  5. #7f1471
  6. #6a115e
  7. #540d4b
  8. #3f0a38
  9. #2a0726
  10. #150313
  11. #000000

टिंट

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

  1. #d321bc
  2. #d737c3
  3. #dc4dc9
  4. #e064d0
  5. #e57ad7
  6. #e990de
  7. #eda6e4
  8. #f2bceb
  9. #f6d3f2
  10. #fbe9f8
  11. #ffffff

टोन

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

  1. #d321bc
  2. #cb2bb6
  3. #c234b0
  4. #ba3eaa
  5. #b247a4
  6. #aa519e
  7. #a15a98
  8. #996492
  9. #916d8c
  10. #887786
  11. #808080

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

अक्रोमैटोप्सिया #777777 ≈ 0.003% पुरुष
अक्रोमैटोमली #a46098 ≈ 0.001% पुरुष
प्रोटानोपिया #1d67c0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6880b8 ≈ 1.27% पुरुष
ट्राइटानोपिया #de3671 ≈ 0.0001% पुरुष
प्रोटानोमली #8d54be ≈ 1.08% पुरुष
ड्यूटेरानोमली #9e67ba ≈ 4.63% पुरुष
ट्राइटानोमली #d92f95 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Shocking Pink
#d321bc  rgb(211, 33, 188)  hsl(308, 73%, 48%)  Shocking Pink
#21d338  rgb(33, 211, 56)  hsl(128, 73%, 48%)  Lime Green
#bcd321  rgb(188, 211, 33)  hsl(68, 73%, 48%)  Pear
#21bcd3  rgb(33, 188, 211)  hsl(188, 73%, 48%)  Dark Turquoise