#FF9DFD

#ff9dfd ≈ Violet

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

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

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

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

शेड

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

  1. #ff9dfd
  2. #e68de4
  3. #cc7eca
  4. #b36eb1
  5. #995e98
  6. #804f7f
  7. #663f65
  8. #4d2f4c
  9. #331f33
  10. #1a1019
  11. #000000

टिंट

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

  1. #ff9dfd
  2. #ffa7fd
  3. #ffb1fd
  4. #ffbafe
  5. #ffc4fe
  6. #ffcefe
  7. #ffd8fe
  8. #ffe2fe
  9. #ffebff
  10. #fff5ff
  11. #ffffff

टोन

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

  1. #ff9dfd
  2. #f29af1
  3. #e697e4
  4. #d994d8
  5. #cc91cb
  6. #c08fbf
  7. #b38cb2
  8. #a689a6
  9. #998699
  10. #8d838d
  11. #808080

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

अक्रोमैटोप्सिया #c0c0c0 ≈ 0.003% पुरुष
अक्रोमैटोमली #dcb3db ≈ 0.001% पुरुष
प्रोटानोपिया #96b8ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b0c4fa ≈ 1.27% पुरुष
ट्राइटानोपिया #ffa6c1 ≈ 0.0001% पुरुष
प्रोटानोमली #c9aeff ≈ 1.08% पुरुष
ड्यूटेरानोमली #d4b6fb ≈ 4.63% पुरुष
ट्राइटानोमली #ffa2dc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Violet
#ff9dfd  rgb(255, 157, 253)  hsl(301, 100%, 81%)  Violet
#9dff9f  rgb(157, 255, 159)  hsl(121, 100%, 81%)  Pale Green
#fdff9d  rgb(253, 255, 157)  hsl(61, 100%, 81%)  Pastel Yellow
#9dfdff  rgb(157, 253, 255)  hsl(181, 100%, 81%)  Celeste