#CF22AA

#cf22aa ≈ Medium Violet Red

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

#cf22aa “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 81.18% लाल, 13.33% हरे और 66.67% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 83.57% मैजेंटा, 17.87% पीला और 18.82% काला लगता है। HSL में इसका ह्यू कोण 312.83°, संतृप्ति 71.78% और चमक 47.25% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.71:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Medium Violet Red (#c71585) है, ΔE 6.82।

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

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

शेड

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

  1. #cf22aa
  2. #ba1f99
  3. #a61b88
  4. #911877
  5. #7c1466
  6. #681155
  7. #530e44
  8. #3e0a33
  9. #290722
  10. #150311
  11. #000000

टिंट

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

  1. #cf22aa
  2. #d438b3
  3. #d94ebb
  4. #dd64c4
  5. #e27acc
  6. #e791d5
  7. #eca7dd
  8. #f1bde6
  9. #f5d3ee
  10. #fae9f7
  11. #ffffff

टोन

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

  1. #cf22aa
  2. #c72ba6
  3. #bf35a2
  4. #b73e9d
  5. #af4899
  6. #a85195
  7. #a05a91
  8. #98648d
  9. #906d88
  10. #887784
  11. #808080

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

अक्रोमैटोप्सिया #747474 ≈ 0.003% पुरुष
अक्रोमैटोमली #a05d8d ≈ 0.001% पुरुष
प्रोटानोपिया #3063ad ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6c7da6 ≈ 1.27% पुरुष
ट्राइटानोपिया #db2c67 ≈ 0.0001% पुरुष
प्रोटानोमली #8d50ac ≈ 1.08% पुरुष
ड्यूटेरानोमली #9e65a8 ≈ 4.63% पुरुष
ट्राइटानोमली #d62887 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-cf22aa {
  color: #cf22aa;
}
बैकग्राउंड
.bg-cf22aa {
  background-color: #cf22aa;
  color: #ffffff;
}
बॉर्डर
.border-cf22aa {
  border: 2px solid #cf22aa;
}
CSS वेरिएबल
:root {
  --color-primary: #cf22aa;
  --color-primary-rgb: 207 34 170;
  --color-primary-hsl: 313 72% 47%;
}
ग्रेडिएंट
.gradient-cf22aa {
  background: linear-gradient(135deg, #cf22aa, #cf2254);
}
रंगीन छाया
.shadow-cf22aa {
  box-shadow: 0 8px 24px rgb(207 34 170 / 0.35);
}

Medium Violet Red
#cf22aa  rgb(207, 34, 170)  hsl(313, 72%, 47%)  Medium Violet Red
#22cf47  rgb(34, 207, 71)  hsl(133, 72%, 47%)  Lime Green
#aacf22  rgb(170, 207, 34)  hsl(73, 72%, 47%)  Yellow Green
#22aacf  rgb(34, 170, 207)  hsl(193, 72%, 47%)  Bondi Blue