#FFC4FD

#ffc4fd ≈ Mauve

  • मैजेंटा
  • चमक: बहुत अधिक
  • संतृप्ति: हल्की
  • संतुलित

#ffc4fd “मैजेंटा” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 100% लाल, 76.86% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 23.14% मैजेंटा, 0.78% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 302.03°, संतृप्ति 100% और चमक 88.43% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.57:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Mauve (#e0b0ff) है, ΔE 8.14।

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

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

शेड

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

  1. #ffc4fd
  2. #e6b0e4
  3. #cc9dca
  4. #b389b1
  5. #997698
  6. #80627f
  7. #664e65
  8. #4d3b4c
  9. #332733
  10. #1a1419
  11. #000000

टिंट

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

  1. #ffc4fd
  2. #ffcafd
  3. #ffd0fd
  4. #ffd6fe
  5. #ffdcfe
  6. #ffe2fe
  7. #ffe7fe
  8. #ffedfe
  9. #fff3ff
  10. #fff9ff
  11. #ffffff

टोन

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

  1. #ffc4fd
  2. #f2bdf1
  3. #e6b6e4
  4. #d9b0d8
  5. #cca9cb
  6. #c0a2bf
  7. #b39bb2
  8. #a694a6
  9. #998e99
  10. #8d878d
  11. #808080

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

अक्रोमैटोप्सिया #d7d7d7 ≈ 0.003% पुरुष
अक्रोमैटोमली #e8d0e7 ≈ 0.001% पुरुष
प्रोटानोपिया #c1d2ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cedafb ≈ 1.27% पुरुष
ट्राइटानोपिया #ffc8d8 ≈ 0.0001% पुरुष
प्रोटानोमली #dccdfe ≈ 1.08% पुरुष
ड्यूटेरानोमली #e3d1fc ≈ 4.63% पुरुष
ट्राइटानोमली #ffc7e8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-ffc4fd {
  color: #ffc4fd;
}
बैकग्राउंड
.bg-ffc4fd {
  background-color: #ffc4fd;
  color: #000000;
}
बॉर्डर
.border-ffc4fd {
  border: 2px solid #ffc4fd;
}
CSS वेरिएबल
:root {
  --color-primary: #ffc4fd;
  --color-primary-rgb: 255 196 253;
  --color-primary-hsl: 302 100% 88%;
}
ग्रेडिएंट
.gradient-ffc4fd {
  background: linear-gradient(135deg, #ffc4fd, #ffc4e0);
}
रंगीन छाया
.shadow-ffc4fd {
  box-shadow: 0 8px 24px rgb(255 196 253 / 0.35);
}

Mauve
#ffc4fd  rgb(255, 196, 253)  hsl(302, 100%, 88%)  Mauve
#c4ffc6  rgb(196, 255, 198)  hsl(122, 100%, 88%)  Tea Green
#fdffc4  rgb(253, 255, 196)  hsl(62, 100%, 88%)  Cream
#c4fdff  rgb(196, 253, 255)  hsl(182, 100%, 88%)  Celeste