#F5A4FA

#f5a4fa ≈ Plum

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

#f5a4fa “मैजेंटा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 96.08% लाल, 64.31% हरे और 98.04% नीले से बना है; CMYK प्रिंट में इसमें 2% सियान, 34.4% मैजेंटा, 0% पीला और 1.96% काला लगता है। HSL में इसका ह्यू कोण 296.51°, संतृप्ति 89.58% और चमक 81.18% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.57:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Plum (#dda0dd) है, ΔE 5.57।

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

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

शेड

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

  1. #f5a4fa
  2. #dd94e1
  3. #c483c8
  4. #ac73af
  5. #936296
  6. #7b527d
  7. #624264
  8. #4a314b
  9. #312132
  10. #191019
  11. #000000

टिंट

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

  1. #f5a4fa
  2. #f6adfb
  3. #f7b6fb
  4. #f8bffc
  5. #f9c8fc
  6. #fad2fd
  7. #fbdbfd
  8. #fce4fe
  9. #fdedfe
  10. #fef6ff
  11. #ffffff

टोन

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

  1. #f5a4fa
  2. #e9a0ee
  3. #de9de2
  4. #d299d5
  5. #c696c9
  6. #bb92bd
  7. #af8eb1
  8. #a38ba5
  9. #978798
  10. #8c848c
  11. #808080

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

अक्रोमैटोप्सिया #c0c0c0 ≈ 0.003% पुरुष
अक्रोमैटोमली #d7b6da ≈ 0.001% पुरुष
प्रोटानोपिया #9cbafd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b1c4f7 ≈ 1.27% पुरुष
ट्राइटानोपिया #f9acc4 ≈ 0.0001% पुरुष
प्रोटानोमली #c6b2fc ≈ 1.08% पुरुष
ड्यूटेरानोमली #d0b8f8 ≈ 4.63% पुरुष
ट्राइटानोमली #f7a9dc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-f5a4fa {
  color: #f5a4fa;
}
बैकग्राउंड
.bg-f5a4fa {
  background-color: #f5a4fa;
  color: #000000;
}
बॉर्डर
.border-f5a4fa {
  border: 2px solid #f5a4fa;
}
CSS वेरिएबल
:root {
  --color-primary: #f5a4fa;
  --color-primary-rgb: 245 164 250;
  --color-primary-hsl: 297 90% 81%;
}
ग्रेडिएंट
.gradient-f5a4fa {
  background: linear-gradient(135deg, #f5a4fa, #faa4d4);
}
रंगीन छाया
.shadow-f5a4fa {
  box-shadow: 0 8px 24px rgb(245 164 250 / 0.35);
}

Plum
#f5a4fa  rgb(245, 164, 250)  hsl(297, 90%, 81%)  Plum
#a9faa4  rgb(169, 250, 164)  hsl(117, 90%, 81%)  Pale Green
#faf5a4  rgb(250, 245, 164)  hsl(57, 90%, 81%)  Pastel Yellow
#a4faf5  rgb(164, 250, 245)  hsl(177, 90%, 81%)  Celeste