#5F3EA2

#5f3ea2 ≈ Purple Heart

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

#5f3ea2 “बैंगनी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 37.25% लाल, 24.31% हरे और 63.53% नीले से बना है; CMYK प्रिंट में इसमें 41.36% सियान, 61.73% मैजेंटा, 0% पीला और 36.47% काला लगता है। HSL में इसका ह्यू कोण 259.8°, संतृप्ति 44.64% और चमक 43.92% है। यह एक ठंडा रंग है, जो अक्सर कल्पना, आध्यात्मिकता और विलासिता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 7.79:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Purple Heart (#69359c) है, ΔE 3.43।

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

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

शेड

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

  1. #5f3ea2
  2. #563892
  3. #4c3282
  4. #432b71
  5. #392561
  6. #301f51
  7. #261941
  8. #1d1331
  9. #130c20
  10. #0a0610
  11. #000000

टिंट

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

  1. #5f3ea2
  2. #6f51ab
  3. #7f65b5
  4. #8f78be
  5. #9f8bc7
  6. #af9fd1
  7. #bfb2da
  8. #cfc5e3
  9. #dfd8ec
  10. #efecf6
  11. #ffffff

टोन

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

  1. #5f3ea2
  2. #62459f
  3. #664b9b
  4. #695298
  5. #6c5894
  6. #705f91
  7. #73668e
  8. #766c8a
  9. #797387
  10. #7d7983
  11. #808080

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

अक्रोमैटोप्सिया #525252 ≈ 0.003% पुरुष
अक्रोमैटोमली #584b7a ≈ 0.001% पुरुष
प्रोटानोपिया #0053a5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #0451a0 ≈ 1.27% पुरुष
ट्राइटानोपिया #4e546a ≈ 0.0001% पुरुष
प्रोटानोमली #3a4ca4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3d4aa1 ≈ 4.63% पुरुष
ट्राइटानोमली #554c84 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5f3ea2 {
  color: #5f3ea2;
}
बैकग्राउंड
.bg-5f3ea2 {
  background-color: #5f3ea2;
  color: #ffffff;
}
बॉर्डर
.border-5f3ea2 {
  border: 2px solid #5f3ea2;
}
CSS वेरिएबल
:root {
  --color-primary: #5f3ea2;
  --color-primary-rgb: 95 62 162;
  --color-primary-hsl: 260 45% 44%;
}
ग्रेडिएंट
.gradient-5f3ea2 {
  background: linear-gradient(135deg, #5f3ea2, #913ea2);
}
रंगीन छाया
.shadow-5f3ea2 {
  box-shadow: 0 8px 24px rgb(95 62 162 / 0.35);
}

Purple Heart
#5f3ea2  rgb(95, 62, 162)  hsl(260, 45%, 44%)  Purple Heart
#81a23e  rgb(129, 162, 62)  hsl(80, 45%, 44%)  Moss Green
#a25f3e  rgb(162, 95, 62)  hsl(20, 45%, 44%)  Sienna
#3ea25f  rgb(62, 162, 95)  hsl(140, 45%, 44%)  Shamrock Green