#F8A3F5

#f8a3f5 ≈ Plum

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

#f8a3f5 “मैजेंटा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 97.25% लाल, 63.92% हरे और 96.08% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 34.27% मैजेंटा, 1.21% पीला और 2.75% काला लगता है। HSL में इसका ह्यू कोण 302.12°, संतृप्ति 85.86% और चमक 80.59% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.55:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Plum (#dda0dd) है, ΔE 5.28।

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

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

शेड

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

  1. #f8a3f5
  2. #df93dd
  3. #c682c4
  4. #ae72ac
  5. #956293
  6. #7c527b
  7. #634162
  8. #4a314a
  9. #322131
  10. #191019
  11. #000000

टिंट

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

  1. #f8a3f5
  2. #f9acf6
  3. #f9b5f7
  4. #fabff8
  5. #fbc8f9
  6. #fcd1fa
  7. #fcdafb
  8. #fde3fc
  9. #feedfd
  10. #fef6fe
  11. #ffffff

टोन

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

  1. #f8a3f5
  2. #eca0e9
  3. #e09cde
  4. #d499d2
  5. #c895c6
  6. #bc92bb
  7. #b08eaf
  8. #a48ba3
  9. #988797
  10. #8c848c
  11. #808080

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

अक्रोमैटोप्सिया #c0c0c0 ≈ 0.003% पुरुष
अक्रोमैटोमली #d9b5d7 ≈ 0.001% पुरुष
प्रोटानोपिया #9eb9f8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b3c4f2 ≈ 1.27% पुरुष
ट्राइटानोपिया #feaac1 ≈ 0.0001% पुरुष
प्रोटानोमली #c8b1f7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d2b8f3 ≈ 4.63% पुरुष
ट्राइटानोमली #fba7d8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Plum
#f8a3f5  rgb(248, 163, 245)  hsl(302, 86%, 81%)  Plum
#a3f8a6  rgb(163, 248, 166)  hsl(122, 86%, 81%)  Pale Green
#f5f8a3  rgb(245, 248, 163)  hsl(62, 86%, 81%)  Pastel Yellow
#a3f5f8  rgb(163, 245, 248)  hsl(182, 86%, 81%)  Celeste