#F2F2F8

#f2f2f8 ≈ Ghost White

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

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

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

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

शेड

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

  1. #f2f2f8
  2. #dadadf
  3. #c2c2c6
  4. #a9a9ae
  5. #919195
  6. #79797c
  7. #616163
  8. #49494a
  9. #303032
  10. #181819
  11. #000000

टिंट

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

  1. #f2f2f8
  2. #f3f3f9
  3. #f5f5f9
  4. #f6f6fa
  5. #f7f7fb
  6. #f9f9fc
  7. #fafafc
  8. #fbfbfd
  9. #fcfcfe
  10. #fefefe
  11. #ffffff

टोन

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

  1. #f2f2f8
  2. #e7e7ec
  3. #dbdbe0
  4. #d0d0d4
  5. #c4c4c8
  6. #b9b9bc
  7. #aeaeb0
  8. #a2a2a4
  9. #979798
  10. #8b8b8c
  11. #808080

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

अक्रोमैटोप्सिया #f2f2f2 ≈ 0.003% पुरुष
अक्रोमैटोमली #f2f2f5 ≈ 0.001% पुरुष
प्रोटानोपिया #f1f3f8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f1f2f8 ≈ 1.27% पुरुष
ट्राइटानोपिया #f1f3f4 ≈ 0.0001% पुरुष
प्रोटानोमली #f1f2f8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #f1f2f8 ≈ 4.63% पुरुष
ट्राइटानोमली #f1f3f6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ghost White
#f2f2f8  rgb(242, 242, 248)  hsl(240, 30%, 96%)  Ghost White
#f8f8f2  rgb(248, 248, 242)  hsl(60, 30%, 96%)  Floral White
#f8f2f2  rgb(248, 242, 242)  hsl(0, 30%, 96%)  Snow
#f2f8f2  rgb(242, 248, 242)  hsl(120, 30%, 96%)  Mint Cream