#B49DFF

#b49dff ≈ Mauve

  • बैंगनी
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • ठंडा

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

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

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

शेड

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

  1. #b49dff
  2. #a28de6
  3. #907ecc
  4. #7e6eb3
  5. #6c5e99
  6. #5a4f80
  7. #483f66
  8. #362f4d
  9. #241f33
  10. #12101a
  11. #000000

टिंट

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

  1. #b49dff
  2. #bca7ff
  3. #c3b1ff
  4. #cbbaff
  5. #d2c4ff
  6. #daceff
  7. #e1d8ff
  8. #e9e2ff
  9. #f0ebff
  10. #f8f5ff
  11. #ffffff

टोन

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

  1. #b49dff
  2. #af9af2
  3. #aa97e6
  4. #a494d9
  5. #9f91cc
  6. #9a8fc0
  7. #958cb3
  8. #9089a6
  9. #8a8699
  10. #85838d
  11. #808080

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

अक्रोमैटोप्सिया #acacac ≈ 0.003% पुरुष
अक्रोमैटोमली #afa6d2 ≈ 0.001% पुरुष
प्रोटानोपिया #81adff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #84aafd ≈ 1.27% पुरुष
ट्राइटानोपिया #a3aec2 ≈ 0.0001% पुरुष
प्रोटानोमली #98a7ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #99a5fe ≈ 4.63% पुरुष
ट्राइटानोमली #aaa8dd ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Mauve
#b49dff  rgb(180, 157, 255)  hsl(254, 100%, 81%)  Mauve
#e8ff9d  rgb(232, 255, 157)  hsl(74, 100%, 81%)  Pastel Yellow
#ffb49d  rgb(255, 180, 157)  hsl(14, 100%, 81%)  Vivid Tangerine
#9dffb4  rgb(157, 255, 180)  hsl(134, 100%, 81%)  Pale Green