#BB377D

#bb377d ≈ Medium Violet Red

  • गुलाबी-लाल
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • संतुलित

#bb377d “गुलाबी-लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 73.33% लाल, 21.57% हरे और 49.02% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 70.59% मैजेंटा, 33.16% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 328.18°, संतृप्ति 54.55% और चमक 47.45% है। यह गर्म और ठंडे के बीच है और अक्सर रोमांस, चंचलता और स्नेह से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.31:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Medium Violet Red (#c71585) है, ΔE 3.66।

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

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

शेड

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

  1. #bb377d
  2. #a83271
  3. #962c64
  4. #832758
  5. #70214b
  6. #5e1c3f
  7. #4b1632
  8. #381126
  9. #250b19
  10. #13060d
  11. #000000

टिंट

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

  1. #bb377d
  2. #c24b8a
  3. #c95f97
  4. #cf73a4
  5. #d687b1
  6. #dd9bbe
  7. #e4afcb
  8. #ebc3d8
  9. #f1d7e5
  10. #f8ebf2
  11. #ffffff

टोन

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

  1. #bb377d
  2. #b53e7d
  3. #af467e
  4. #a94d7e
  5. #a3547e
  6. #9e5c7f
  7. #98637f
  8. #926a7f
  9. #8c717f
  10. #867980
  11. #808080

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

अक्रोमैटोप्सिया #6b6b6b ≈ 0.003% पुरुष
अक्रोमैटोमली #925b73 ≈ 0.001% पुरुष
प्रोटानोपिया #4d5c7f ≈ 1.01% पुरुष
ड्यूटेरानोपिया #72747a ≈ 1.27% पुरुष
ट्राइटानोपिया #c92e55 ≈ 0.0001% पुरुष
प्रोटानोमली #87507e ≈ 1.08% पुरुष
ड्यूटेरानोमली #95617b ≈ 4.63% पुरुष
ट्राइटानोमली #c43267 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-bb377d {
  color: #bb377d;
}
बैकग्राउंड
.bg-bb377d {
  background-color: #bb377d;
  color: #ffffff;
}
बॉर्डर
.border-bb377d {
  border: 2px solid #bb377d;
}
CSS वेरिएबल
:root {
  --color-primary: #bb377d;
  --color-primary-rgb: 187 55 125;
  --color-primary-hsl: 328 55% 47%;
}
ग्रेडिएंट
.gradient-bb377d {
  background: linear-gradient(135deg, #bb377d, #bb373b);
}
रंगीन छाया
.shadow-bb377d {
  box-shadow: 0 8px 24px rgb(187 55 125 / 0.35);
}

Medium Violet Red
#bb377d  rgb(187, 55, 125)  hsl(328, 55%, 47%)  Medium Violet Red
#37bb75  rgb(55, 187, 117)  hsl(148, 55%, 47%)  Medium Sea Green
#7dbb37  rgb(125, 187, 55)  hsl(88, 55%, 47%)  Kelly Green
#377dbb  rgb(55, 125, 187)  hsl(208, 55%, 47%)  Tufts Blue