#EC6FC2

#ec6fc2 ≈ Rose Pink

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

#ec6fc2 “गुलाबी-लाल” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 92.55% लाल, 43.53% हरे और 76.08% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 52.97% मैजेंटा, 17.8% पीला और 7.45% काला लगता है। HSL में इसका ह्यू कोण 320.16°, संतृप्ति 76.69% और चमक 68.04% है। यह गर्म और ठंडे के बीच है और अक्सर रोमांस, चंचलता और स्नेह से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.62:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Rose Pink (#ff66cc) है, ΔE 3.09।

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

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

शेड

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

  1. #ec6fc2
  2. #d464af
  3. #bd599b
  4. #a54e88
  5. #8e4374
  6. #763861
  7. #5e2c4e
  8. #47213a
  9. #2f1627
  10. #180b13
  11. #000000

टिंट

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

  1. #ec6fc2
  2. #ee7dc8
  3. #f08cce
  4. #f29ad4
  5. #f4a9da
  6. #f6b7e1
  7. #f7c5e7
  8. #f9d4ed
  9. #fbe2f3
  10. #fdf1f9
  11. #ffffff

टोन

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

  1. #ec6fc2
  2. #e171bb
  3. #d672b5
  4. #cc74ae
  5. #c176a8
  6. #b678a1
  7. #ab799a
  8. #a07b94
  9. #967d8d
  10. #8b7e87
  11. #808080

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

अक्रोमैटोप्सिया #9c9c9c ≈ 0.003% पुरुष
अक्रोमैटोमली #c18cac ≈ 0.001% पुरुष
प्रोटानोपिया #778fc5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #9aa3bf ≈ 1.27% पुरुष
ट्राइटानोपिया #f97090 ≈ 0.0001% पुरुष
प्रोटानोमली #b283c4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c091c0 ≈ 4.63% पुरुष
ट्राइटानोमली #f470a6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Rose Pink
#ec6fc2  rgb(236, 111, 194)  hsl(320, 77%, 68%)  Rose Pink
#6fec99  rgb(111, 236, 153)  hsl(140, 77%, 68%)  Light Green
#c2ec6f  rgb(194, 236, 111)  hsl(80, 77%, 68%)  Inchworm
#6fc2ec  rgb(111, 194, 236)  hsl(200, 77%, 68%)  Light Sky Blue