ColorTool
लॉग इन
#ABC080

#abc080 ≈ Olivine

  • पीला-हरा
  • चमक: अधिक
  • संतृप्ति: मध्यम
  • संतुलित
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#abc080 “पीला-हरा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 67.06% लाल, 75.29% हरे और 50.2% नीले से बना है; CMYK प्रिंट में इसमें 10.94% सियान, 0% मैजेंटा, 33.33% पीला और 24.71% काला लगता है। HSL में इसका ह्यू कोण 79.69°, संतृप्ति 33.68% और चमक 62.75% है। यह गर्म और ठंडे के बीच है और अक्सर ताज़गी, विकास और जीवंतता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर पर्यावरण-अनुकूल ब्रांड, स्वास्थ्य और वेलनेस और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.58:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Olivine (#9ab973) है, ΔE 3.43।

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

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

पूरक

  1. #abc080
  2. #9580c0

विभाजित पूरक

  1. #abc080
  2. #808bc0
  3. #b580c0

समरूप

  1. #c0b580
  2. #abc080
  3. #8bc080

त्रिक

  1. #abc080
  2. #80abc0
  3. #c080ab

चतुष्क

  1. #abc080
  2. #80c095
  3. #9580c0
  4. #c080ab

वर्ग

  1. #abc080
  2. #80c0b5
  3. #9580c0
  4. #c0808b

एकरंगी

  1. #5d7037
  2. #88a351
  3. #abc080
  4. #cdd9b3
  5. #eff3e6

शेड

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

  1. #abc080
  2. #9aad73
  3. #899a66
  4. #78865a
  5. #67734d
  6. #566040
  7. #444d33
  8. #333a26
  9. #22261a
  10. #11130d
  11. #000000

टिंट

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

  1. #abc080
  2. #b3c68d
  3. #bccd99
  4. #c4d3a6
  5. #cdd9b3
  6. #d5e0c0
  7. #dde6cc
  8. #e6ecd9
  9. #eef2e6
  10. #f7f9f2
  11. #ffffff

टोन

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

  1. #abc080
  2. #a7ba80
  3. #a2b380
  4. #9ead80
  5. #9aa680
  6. #96a080
  7. #919a80
  8. #8d9380
  9. #898d80
  10. #848680
  11. #808080

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

अक्रोमैटोप्सिया #b8b8b8 ≈ 0.003% पुरुष
अक्रोमैटोमली #b3bba5 ≈ 0.001% पुरुष
प्रोटानोपिया #c7b97c ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c4b883 ≈ 1.27% पुरुष
ट्राइटानोपिया #b0bab0 ≈ 0.0001% पुरुष
प्रोटानोमली #bdbc7d ≈ 1.08% पुरुष
ड्यूटेरानोमली #bbbb82 ≈ 4.63% पुरुष
ट्राइटानोमली #aebc9f ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#9ab973 Olivine ΔE 3.43 #93c572 Pistachio ΔE 6.02 #bcb88a Sage ΔE 7.84 #87a96b Asparagus ΔE 7.88 #8fbc8f Dark Sea Green ΔE 8.07 #bdb76b Dark Khaki ΔE 8.26 #74c365 Mantis ΔE 10.26 #543f7f उल्टा रंग #b8b8b8 ग्रेस्केल 

Olivine
#abc080  rgb(171, 192, 128)  hsl(80, 34%, 63%)  Olivine
#9580c0  rgb(149, 128, 192)  hsl(260, 34%, 63%)  Purple Mountain Majesty
#80abc0  rgb(128, 171, 192)  hsl(200, 34%, 63%)  Moonstone Blue
#c080ab  rgb(192, 128, 171)  hsl(320, 34%, 63%)  Sky Magenta