#EA6180

#ea6180 ≈ Blush

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

#ea6180 “लाल” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति तेज़ है। RGB मॉडल में यह 91.76% लाल, 38.04% हरे और 50.2% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 58.55% मैजेंटा, 45.3% पीला और 8.24% काला लगता है। HSL में इसका ह्यू कोण 346.42°, संतृप्ति 76.54% और चमक 64.9% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 6.52:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Blush (#de5d83) है, ΔE 3.51।

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

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

शेड

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

  1. #ea6180
  2. #d35773
  3. #bb4e66
  4. #a4445a
  5. #8c3a4d
  6. #753140
  7. #5e2733
  8. #461d26
  9. #2f131a
  10. #170a0d
  11. #000000

टिंट

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

  1. #ea6180
  2. #ec718d
  3. #ee8199
  4. #f090a6
  5. #f2a0b3
  6. #f5b0c0
  7. #f7c0cc
  8. #f9d0d9
  9. #fbdfe6
  10. #fdeff2
  11. #ffffff

टोन

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

  1. #ea6180
  2. #df6480
  3. #d56780
  4. #ca6a80
  5. #c06d80
  6. #b57180
  7. #aa7480
  8. #a07780
  9. #957a80
  10. #8b7d80
  11. #808080

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

अक्रोमैटोप्सिया #8f8f8f ≈ 0.003% पुरुष
अक्रोमैटोमली #bb7f89 ≈ 0.001% पुरुष
प्रोटानोपिया #7e7e81 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #a19a7d ≈ 1.27% पुरुष
ट्राइटानोपिया #fd4f6d ≈ 0.0001% पुरुष
प्रोटानोमली #b37480 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c3877e ≈ 4.63% पुरुष
ट्राइटानोमली #f65775 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-ea6180 {
  color: #ea6180;
}
बैकग्राउंड
.bg-ea6180 {
  background-color: #ea6180;
  color: #000000;
}
बॉर्डर
.border-ea6180 {
  border: 2px solid #ea6180;
}
CSS वेरिएबल
:root {
  --color-primary: #ea6180;
  --color-primary-rgb: 234 97 128;
  --color-primary-hsl: 346 77% 65%;
}
ग्रेडिएंट
.gradient-ea6180 {
  background: linear-gradient(135deg, #ea6180, #ea8661);
}
रंगीन छाया
.shadow-ea6180 {
  box-shadow: 0 8px 24px rgb(234 97 128 / 0.35);
}

Blush
#ea6180  rgb(234, 97, 128)  hsl(346, 77%, 65%)  Blush
#61eacb  rgb(97, 234, 203)  hsl(166, 77%, 65%)  Turquoise
#80ea61  rgb(128, 234, 97)  hsl(106, 77%, 65%)  Pastel Green
#6180ea  rgb(97, 128, 234)  hsl(226, 77%, 65%)  Glaucous