#CC34B0

#cc34b0 ≈ Shocking Pink

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

#cc34b0 “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 80% लाल, 20.39% हरे और 69.02% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 74.51% मैजेंटा, 13.73% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 311.05°, संतृप्ति 59.84% और चमक 50.2% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.69:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 8.14।

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

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

शेड

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

  1. #cc34b0
  2. #b82f9e
  3. #a32a8d
  4. #8f247b
  5. #7a1f6a
  6. #661a58
  7. #521546
  8. #3d1035
  9. #290a23
  10. #140512
  11. #000000

टिंट

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

  1. #cc34b0
  2. #d148b8
  3. #d65dc0
  4. #db71c8
  5. #e085d0
  6. #e69ad8
  7. #ebaedf
  8. #f0c2e7
  9. #f5d6ef
  10. #faebf7
  11. #ffffff

टोन

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

  1. #cc34b0
  2. #c43cab
  3. #bd43a6
  4. #b54ba2
  5. #ae529d
  6. #a65a98
  7. #9e6293
  8. #97698e
  9. #8f718a
  10. #887885
  11. #808080

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

अक्रोमैटोप्सिया #777777 ≈ 0.003% पुरुष
अक्रोमैटोमली #a06391 ≈ 0.001% पुरुष
प्रोटानोपिया #3868b3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6d7fac ≈ 1.27% पुरुष
ट्राइटानोपिया #d73e6f ≈ 0.0001% पुरुष
प्रोटानोमली #8d58b2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #9c69ae ≈ 4.63% पुरुष
ट्राइटानोमली #d33a8e ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Shocking Pink
#cc34b0  rgb(204, 52, 176)  hsl(311, 60%, 50%)  Shocking Pink
#34cc50  rgb(52, 204, 80)  hsl(131, 60%, 50%)  Lime Green
#b0cc34  rgb(176, 204, 52)  hsl(71, 60%, 50%)  June Bud
#34b0cc  rgb(52, 176, 204)  hsl(191, 60%, 50%)  Moonstone Blue