#F8FFF8

#f8fff8 ≈ Mint Cream

  • हरा
  • चमक: बहुत अधिक
  • संतृप्ति: हल्की
  • संतुलित

#f8fff8 “हरा” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 97.25% लाल, 100% हरे और 97.25% नीले से बना है; CMYK प्रिंट में इसमें 2.75% सियान, 0% मैजेंटा, 2.75% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 120°, संतृप्ति 100% और चमक 98.63% है। यह गर्म और ठंडे के बीच है और अक्सर प्रकृति, स्वास्थ्य और संतुलन से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर पर्यावरण-अनुकूल ब्रांड, स्वास्थ्य और वेलनेस और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 20.65:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Mint Cream (#f5fffa) है, ΔE 1.43।

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

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

शेड

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

  1. #f8fff8
  2. #dfe6df
  3. #c6ccc6
  4. #aeb3ae
  5. #959995
  6. #7c807c
  7. #636663
  8. #4a4d4a
  9. #323332
  10. #191a19
  11. #000000

टिंट

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

  1. #f8fff8
  2. #f9fff9
  3. #f9fff9
  4. #fafffa
  5. #fbfffb
  6. #fcfffc
  7. #fcfffc
  8. #fdfffd
  9. #fefffe
  10. #fefffe
  11. #ffffff

टोन

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

  1. #f8fff8
  2. #ecf2ec
  3. #e0e6e0
  4. #d4d9d4
  5. #c8ccc8
  6. #bcc0bc
  7. #b0b3b0
  8. #a4a6a4
  9. #989998
  10. #8c8d8c
  11. #808080

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

अक्रोमैटोप्सिया #fdfdfd ≈ 0.003% पुरुष
अक्रोमैटोमली #fbfefb ≈ 0.001% पुरुष
प्रोटानोपिया #fffef8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #fefdf8 ≈ 1.27% पुरुष
ट्राइटानोपिया #f7fffd ≈ 0.0001% पुरुष
प्रोटानोमली #fcfef8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #fcfef8 ≈ 4.63% पुरुष
ट्राइटानोमली #f8fffb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-f8fff8 {
  color: #f8fff8;
}
बैकग्राउंड
.bg-f8fff8 {
  background-color: #f8fff8;
  color: #000000;
}
बॉर्डर
.border-f8fff8 {
  border: 2px solid #f8fff8;
}
CSS वेरिएबल
:root {
  --color-primary: #f8fff8;
  --color-primary-rgb: 248 255 248;
  --color-primary-hsl: 120 100% 99%;
}
ग्रेडिएंट
.gradient-f8fff8 {
  background: linear-gradient(135deg, #f8fff8, #f8fffc);
}
रंगीन छाया
.shadow-f8fff8 {
  box-shadow: 0 8px 24px rgb(248 255 248 / 0.35);
}

Mint Cream
#f8fff8  rgb(248, 255, 248)  hsl(120, 100%, 99%)  Mint Cream
#fff8ff  rgb(255, 248, 255)  hsl(300, 100%, 99%)  Magnolia
#f8f8ff  rgb(248, 248, 255)  hsl(240, 100%, 99%)  Ghost White
#fff8f8  rgb(255, 248, 248)  hsl(0, 100%, 99%)  Snow