#AA66CC

#aa66cc ≈ Amethyst

  • मैजेंटा
  • चमक: मध्यम
  • संतृप्ति: मध्यम
  • ठंडा

#aa66cc “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 66.67% लाल, 40% हरे और 80% नीले से बना है; CMYK प्रिंट में इसमें 16.67% सियान, 50% मैजेंटा, 0% पीला और 20% काला लगता है। HSL में इसका ह्यू कोण 280°, संतृप्ति 50% और चमक 60% है। यह एक ठंडा रंग है, जो अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.48:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Amethyst (#9966cc) है, ΔE 3.64।

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

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

शेड

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

  1. #aa66cc
  2. #995cb8
  3. #8852a3
  4. #77478f
  5. #663d7a
  6. #553366
  7. #442952
  8. #331f3d
  9. #221429
  10. #110a14
  11. #000000

टिंट

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

  1. #aa66cc
  2. #b375d1
  3. #bb85d6
  4. #c494db
  5. #cca3e0
  6. #d5b3e6
  7. #ddc2eb
  8. #e6d1f0
  9. #eee0f5
  10. #f7f0fa
  11. #ffffff

टोन

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

  1. #aa66cc
  2. #a669c4
  3. #a26bbd
  4. #9d6eb5
  5. #9970ae
  6. #9573a6
  7. #91769e
  8. #8d7897
  9. #887b8f
  10. #847d88
  11. #808080

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

अक्रोमैटोप्सिया #828282 ≈ 0.003% पुरुष
अक्रोमैटोमली #9478a5 ≈ 0.001% पुरुष
प्रोटानोपिया #4f7ecf ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6384c9 ≈ 1.27% पुरुष
ट्राइटानोपिया #a77690 ≈ 0.0001% पुरुष
प्रोटानोमली #7e75ce ≈ 1.08% पुरुष
ड्यूटेरानोमली #8579ca ≈ 4.63% पुरुष
ट्राइटानोमली #a870ab ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-aa66cc {
  color: #aa66cc;
}
बैकग्राउंड
.bg-aa66cc {
  background-color: #aa66cc;
  color: #000000;
}
बॉर्डर
.border-aa66cc {
  border: 2px solid #aa66cc;
}
CSS वेरिएबल
:root {
  --color-primary: #aa66cc;
  --color-primary-rgb: 170 102 204;
  --color-primary-hsl: 280 50% 60%;
}
ग्रेडिएंट
.gradient-aa66cc {
  background: linear-gradient(135deg, #aa66cc, #cc66bb);
}
रंगीन छाया
.shadow-aa66cc {
  box-shadow: 0 8px 24px rgb(170 102 204 / 0.35);
}

Amethyst
#aa66cc  rgb(170, 102, 204)  hsl(280, 50%, 60%)  Amethyst
#88cc66  rgb(136, 204, 102)  hsl(100, 50%, 60%)  Pistachio
#ccaa66  rgb(204, 170, 102)  hsl(40, 50%, 60%)  Ecru
#66ccaa  rgb(102, 204, 170)  hsl(160, 50%, 60%)  Medium Aquamarine