#D22F48

#d22f48 ≈ Crimson

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

#d22f48 “लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 82.35% लाल, 18.43% हरे और 28.24% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 77.62% मैजेंटा, 65.71% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 350.8°, संतृप्ति 64.43% और चमक 50.39% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.95:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Crimson (#dc143c) है, ΔE 2.99।

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

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

शेड

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

  1. #d22f48
  2. #bd2a41
  3. #a8263a
  4. #932132
  5. #7e1c2b
  6. #691824
  7. #54131d
  8. #3f0e16
  9. #2a090e
  10. #150507
  11. #000000

टिंट

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

  1. #d22f48
  2. #d7445a
  3. #db596d
  4. #e06d7f
  5. #e48291
  6. #e997a4
  7. #edacb6
  8. #f2c1c8
  9. #f6d5da
  10. #fbeaed
  11. #ffffff

टोन

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

  1. #d22f48
  2. #ca374e
  3. #c23f53
  4. #b94759
  5. #b14f5e
  6. #a95864
  7. #a1606a
  8. #99686f
  9. #907075
  10. #88787a
  11. #808080

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

अक्रोमैटोप्सिया #707070 ≈ 0.003% पुरुष
अक्रोमैटोमली #a15d62 ≈ 0.001% पुरुष
प्रोटानोपिया #5f5a48 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #887c43 ≈ 1.27% पुरुष
ट्राइटानोपिया #e7003a ≈ 0.0001% पुरुष
प्रोटानोमली #9b4c48 ≈ 1.08% पुरुष
ड्यूटेरानोमली #ab6645 ≈ 4.63% पुरुष
ट्राइटानोमली #df0940 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Crimson
#d22f48  rgb(210, 47, 72)  hsl(351, 64%, 50%)  Crimson
#2fd2b9  rgb(47, 210, 185)  hsl(171, 64%, 50%)  Turquoise
#48d22f  rgb(72, 210, 47)  hsl(111, 64%, 50%)  Lime Green
#2f48d2  rgb(47, 72, 210)  hsl(231, 64%, 50%)  Iris