ColorTool
लॉग इन
#F2F2F7

#f2f2f7 ≈ Ghost White

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

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

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

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

पूरक

  1. #f2f2f7
  2. #f7f7f2

विभाजित पूरक

  1. #f2f2f7
  2. #f7f4f2
  3. #f4f7f2

समरूप

  1. #f2f4f7
  2. #f2f2f7
  3. #f4f2f7

त्रिक

  1. #f2f2f7
  2. #f7f2f2
  3. #f2f7f2

चतुष्क

  1. #f2f2f7
  2. #f7f2f7
  3. #f7f7f2
  4. #f2f7f2

वर्ग

  1. #f2f2f7
  2. #f7f2f4
  3. #f7f7f2
  4. #f2f7f4

एकरंगी

  1. #9393bd
  2. #c3c3da
  3. #f2f2f7
  4. #f2f2f7
  5. #f2f2f7

शेड

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

  1. #f2f2f7
  2. #dadade
  3. #c2c2c6
  4. #a9a9ad
  5. #919194
  6. #79797c
  7. #616163
  8. #49494a
  9. #303031
  10. #181819
  11. #000000

टिंट

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

  1. #f2f2f7
  2. #f3f3f8
  3. #f5f5f9
  4. #f6f6f9
  5. #f7f7fa
  6. #f9f9fb
  7. #fafafc
  8. #fbfbfd
  9. #fcfcfd
  10. #fefefe
  11. #ffffff

टोन

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

  1. #f2f2f7
  2. #e7e7eb
  3. #dbdbdf
  4. #d0d0d3
  5. #c4c4c7
  6. #b9b9bc
  7. #aeaeb0
  8. #a2a2a4
  9. #979798
  10. #8b8b8c
  11. #808080

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

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

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

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

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

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

#f8f8ff Ghost White ΔE 1.57 #f5f5f5 White Smoke ΔE 2.65 #fffafa Snow ΔE 3.52 #ffffff White ΔE 3.64 #f8f4ff Magnolia ΔE 3.66 #f0f8ff Alice Blue ΔE 3.72 #f4f0ec Isabelline ΔE 4.60 #0d0d08 उल्टा रंग #f2f2f2 ग्रेस्केल 

Ghost White
#f2f2f7  rgb(242, 242, 247)  hsl(240, 24%, 96%)  Ghost White
#f7f7f2  rgb(247, 247, 242)  hsl(60, 24%, 96%)  Isabelline
#f7f2f2  rgb(247, 242, 242)  hsl(0, 24%, 96%)  Snow
#f2f7f2  rgb(242, 247, 242)  hsl(120, 24%, 96%)  Mint Cream