#684BD4

#684bd4 ≈ Majorelle Blue

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

#684bd4 “बैंगनी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 40.78% लाल, 29.41% हरे और 83.14% नीले से बना है; CMYK प्रिंट में इसमें 50.94% सियान, 64.62% मैजेंटा, 0% पीला और 16.86% काला लगता है। HSL में इसका ह्यू कोण 252.7°, संतृप्ति 61.43% और चमक 56.27% है। यह एक ठंडा रंग है, जो अक्सर कल्पना, आध्यात्मिकता और विलासिता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.92:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Majorelle Blue (#6050dc) है, ΔE 2.23।

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

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

शेड

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

  1. #684bd4
  2. #5e44bf
  3. #533caa
  4. #493594
  5. #3e2d7f
  6. #34266a
  7. #2a1e55
  8. #1f1740
  9. #150f2a
  10. #0a0815
  11. #000000

टिंट

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

  1. #684bd4
  2. #775dd8
  3. #866fdd
  4. #9581e1
  5. #a493e5
  6. #b4a5ea
  7. #c3b7ee
  8. #d2c9f2
  9. #e1dbf6
  10. #f0edfb
  11. #ffffff

टोन

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

  1. #684bd4
  2. #6a50cc
  3. #6d56c3
  4. #6f5bbb
  5. #7260b2
  6. #7466aa
  7. #766ba2
  8. #797099
  9. #7b7591
  10. #7e7b88
  11. #808080

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

अक्रोमैटोप्सिया #646464 ≈ 0.003% पुरुष
अक्रोमैटोमली #665b9e ≈ 0.001% पुरुष
प्रोटानोपिया #0067d8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #0060d1 ≈ 1.27% पुरुष
ट्राइटानोपिया #406d89 ≈ 0.0001% पुरुष
प्रोटानोमली #325dd7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3258d2 ≈ 4.63% पुरुष
ट्राइटानोमली #5361ac ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-684bd4 {
  color: #684bd4;
}
बैकग्राउंड
.bg-684bd4 {
  background-color: #684bd4;
  color: #ffffff;
}
बॉर्डर
.border-684bd4 {
  border: 2px solid #684bd4;
}
CSS वेरिएबल
:root {
  --color-primary: #684bd4;
  --color-primary-rgb: 104 75 212;
  --color-primary-hsl: 253 61% 56%;
}
ग्रेडिएंट
.gradient-684bd4 {
  background: linear-gradient(135deg, #684bd4, #ac4bd4);
}
रंगीन छाया
.shadow-684bd4 {
  box-shadow: 0 8px 24px rgb(104 75 212 / 0.35);
}

Majorelle Blue
#684bd4  rgb(104, 75, 212)  hsl(253, 61%, 56%)  Majorelle Blue
#b7d44b  rgb(183, 212, 75)  hsl(73, 61%, 56%)  June Bud
#d4684b  rgb(212, 104, 75)  hsl(13, 61%, 56%)  Terra Cotta
#4bd468  rgb(75, 212, 104)  hsl(133, 61%, 56%)  Malachite