#F4A5FA

#f4a5fa ≈ Mauve

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

#f4a5fa “मैजेंटा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 95.69% लाल, 64.71% हरे और 98.04% नीले से बना है; CMYK प्रिंट में इसमें 2.4% सियान, 34% मैजेंटा, 0% पीला और 1.96% काला लगता है। HSL में इसका ह्यू कोण 295.76°, संतृप्ति 89.47% और चमक 81.37% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.61:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Mauve (#e0b0ff) है, ΔE 5.41।

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

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

शेड

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

  1. #f4a5fa
  2. #dc95e1
  3. #c384c8
  4. #ab74af
  5. #926396
  6. #7a537d
  7. #624264
  8. #49324b
  9. #312132
  10. #181119
  11. #000000

टिंट

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

  1. #f4a5fa
  2. #f5aefb
  3. #f6b7fb
  4. #f7c0fc
  5. #f8c9fc
  6. #fad2fd
  7. #fbdbfd
  8. #fce4fe
  9. #fdedfe
  10. #fef6ff
  11. #ffffff

टोन

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

  1. #f4a5fa
  2. #e8a1ee
  3. #dd9ee2
  4. #d19ad5
  5. #c696c9
  6. #ba93bd
  7. #ae8fb1
  8. #a38ba5
  9. #978798
  10. #8c848c
  11. #808080

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

अक्रोमैटोप्सिया #c1c1c1 ≈ 0.003% पुरुष
अक्रोमैटोमली #d7b6da ≈ 0.001% पुरुष
प्रोटानोपिया #9dbbfd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b1c4f7 ≈ 1.27% पुरुष
ट्राइटानोपिया #f8adc4 ≈ 0.0001% पुरुष
प्रोटानोमली #c6b2fc ≈ 1.08% पुरुष
ड्यूटेरानोमली #cfb8f8 ≈ 4.63% पुरुष
ट्राइटानोमली #f6aadc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Mauve
#f4a5fa  rgb(244, 165, 250)  hsl(296, 89%, 81%)  Mauve
#abfaa5  rgb(171, 250, 165)  hsl(116, 89%, 81%)  Pale Green
#faf4a5  rgb(250, 244, 165)  hsl(56, 89%, 81%)  Khaki
#a5faf4  rgb(165, 250, 244)  hsl(176, 89%, 81%)  Celeste