#F89DFD

#f89dfd ≈ Violet

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

#f89dfd “मैजेंटा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 97.25% लाल, 61.57% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 1.98% सियान, 37.94% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 296.87°, संतृप्ति 96% और चमक 80.39% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.23:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Violet (#ee82ee) है, ΔE 5.77।

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

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

शेड

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

  1. #f89dfd
  2. #df8de4
  3. #c67eca
  4. #ae6eb1
  5. #955e98
  6. #7c4f7f
  7. #633f65
  8. #4a2f4c
  9. #321f33
  10. #191019
  11. #000000

टिंट

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

  1. #f89dfd
  2. #f9a7fd
  3. #f9b1fd
  4. #fabafe
  5. #fbc4fe
  6. #fccefe
  7. #fcd8fe
  8. #fde2fe
  9. #feebff
  10. #fef5ff
  11. #ffffff

टोन

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

  1. #f89dfd
  2. #ec9af1
  3. #e097e4
  4. #d494d8
  5. #c891cb
  6. #bc8fbf
  7. #b08cb2
  8. #a489a6
  9. #988699
  10. #8c838d
  11. #808080

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

अक्रोमैटोप्सिया #bdbdbd ≈ 0.003% पुरुष
अक्रोमैटोमली #d7b1da ≈ 0.001% पुरुष
प्रोटानोपिया #94b6ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #acc1fa ≈ 1.27% पुरुष
ट्राइटानोपिया #fca7c1 ≈ 0.0001% पुरुष
प्रोटानोमली #c4adff ≈ 1.08% पुरुष
ड्यूटेरानोमली #cfb4fb ≈ 4.63% पुरुष
ट्राइटानोमली #fba3dc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Violet
#f89dfd  rgb(248, 157, 253)  hsl(297, 96%, 80%)  Violet
#a2fd9d  rgb(162, 253, 157)  hsl(117, 96%, 80%)  Pale Green
#fdf89d  rgb(253, 248, 157)  hsl(57, 96%, 80%)  Pastel Yellow
#9dfdf8  rgb(157, 253, 248)  hsl(177, 96%, 80%)  Celeste