#F8F2F3

#f8f2f3 ≈ Snow

  • सफ़ेद
  • चमक: बहुत अधिक
  • संतृप्ति: हल्की
  • तटस्थ

#f8f2f3 “सफ़ेद” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 97.25% लाल, 94.9% हरे और 95.29% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 2.42% मैजेंटा, 2.02% पीला और 2.75% काला लगता है। HSL में इसका ह्यू कोण 350°, संतृप्ति 30% और चमक 96.08% है। यह एक तटस्थ रंग है, जो अक्सर शुद्धता, सादगी और खुलेपन से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर बैकग्राउंड और बड़ी सतहें, मिनिमल लेआउट और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18.99:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Snow (#fffafa) है, ΔE 1.75।

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

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

शेड

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

  1. #f8f2f3
  2. #dfdadb
  3. #c6c2c2
  4. #aea9aa
  5. #959192
  6. #7c797a
  7. #636161
  8. #4a4949
  9. #323031
  10. #191818
  11. #000000

टिंट

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

  1. #f8f2f3
  2. #f9f3f4
  3. #f9f5f5
  4. #faf6f7
  5. #fbf7f8
  6. #fcf9f9
  7. #fcfafa
  8. #fdfbfb
  9. #fefcfd
  10. #fefefe
  11. #ffffff

टोन

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

  1. #f8f2f3
  2. #ece7e8
  3. #e0dbdc
  4. #d4d0d1
  5. #c8c4c5
  6. #bcb9ba
  7. #b0aeae
  8. #a4a2a3
  9. #989797
  10. #8c8b8c
  11. #808080

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

अक्रोमैटोप्सिया #f3f3f3 ≈ 0.003% पुरुष
अक्रोमैटोमली #f5f3f3 ≈ 0.001% पुरुष
प्रोटानोपिया #f3f3f3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f4f4f3 ≈ 1.27% पुरुष
ट्राइटानोपिया #f9f2f2 ≈ 0.0001% पुरुष
प्रोटानोमली #f5f2f3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #f6f3f3 ≈ 4.63% पुरुष
ट्राइटानोमली #f9f2f3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Snow
#f8f2f3  rgb(248, 242, 243)  hsl(350, 30%, 96%)  Snow
#f2f8f7  rgb(242, 248, 247)  hsl(170, 30%, 96%)  White Smoke
#f3f8f2  rgb(243, 248, 242)  hsl(110, 30%, 96%)  Mint Cream
#f2f3f8  rgb(242, 243, 248)  hsl(230, 30%, 96%)  Ghost White