#F58DFD

#f58dfd ≈ Violet

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

#f58dfd “मैजेंटा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 96.08% लाल, 55.29% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 3.16% सियान, 44.27% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 295.71°, संतृप्ति 96.55% और चमक 77.25% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.11:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Violet (#ee82ee) है, ΔE 2.96।

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

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

शेड

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

  1. #f58dfd
  2. #dd7fe4
  3. #c471ca
  4. #ac63b1
  5. #935598
  6. #7b477f
  7. #623865
  8. #4a2a4c
  9. #311c33
  10. #190e19
  11. #000000

टिंट

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

  1. #f58dfd
  2. #f698fd
  3. #f7a4fd
  4. #f8affe
  5. #f9bbfe
  6. #fac6fe
  7. #fbd1fe
  8. #fcddfe
  9. #fde8ff
  10. #fef4ff
  11. #ffffff

टोन

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

  1. #f58dfd
  2. #e98cf1
  3. #de8ae4
  4. #d289d8
  5. #c688cb
  6. #bb87bf
  7. #af85b2
  8. #a384a6
  9. #978399
  10. #8c818d
  11. #808080

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

अक्रोमैटोप्सिया #b4b4b4 ≈ 0.003% पुरुष
अक्रोमैटोमली #d1a6d5 ≈ 0.001% पुरुष
प्रोटानोपिया #81acff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #9eb8fa ≈ 1.27% पुरुष
ट्राइटानोपिया #f99ab9 ≈ 0.0001% पुरुष
प्रोटानोमली #bba0ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #c7a9fb ≈ 4.63% पुरुष
ट्राइटानोमली #f895d8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Violet
#f58dfd  rgb(245, 141, 253)  hsl(296, 97%, 77%)  Violet
#95fd8d  rgb(149, 253, 141)  hsl(116, 97%, 77%)  Mint Green
#fdf58d  rgb(253, 245, 141)  hsl(56, 97%, 77%)  Pastel Yellow
#8dfdf5  rgb(141, 253, 245)  hsl(176, 97%, 77%)  Electric Blue