ColorTool
लॉग इन
#F2F8FF

#f2f8ff ≈ Alice Blue

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

#f2f8ff “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 94.9% लाल, 97.25% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 5.1% सियान, 2.75% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 212.31°, संतृप्ति 100% और चमक 97.45% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.65:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Alice Blue (#f0f8ff) है, ΔE 0.89।

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

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

पूरक

  1. #f2f8ff
  2. #fff9f2

विभाजित पूरक

  1. #f2f8ff
  2. #fff2f2
  3. #fefff2

समरूप

  1. #f2feff
  2. #f2f8ff
  3. #f2f2ff

त्रिक

  1. #f2f8ff
  2. #fff2f8
  3. #f8fff2

चतुष्क

  1. #f2f8ff
  2. #f9f2ff
  3. #fff9f2
  4. #f8fff2

वर्ग

  1. #f2f8ff
  2. #fff2fe
  3. #fff9f2
  4. #f2fff2

एकरंगी

  1. #59a6ff
  2. #a5cfff
  3. #f2f8ff
  4. #ebf4ff
  5. #ebf4ff

शेड

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

  1. #f2f8ff
  2. #dadfe6
  3. #c2c6cc
  4. #a9aeb3
  5. #919599
  6. #797c80
  7. #616366
  8. #494a4d
  9. #303233
  10. #18191a
  11. #000000

टिंट

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

  1. #f2f8ff
  2. #f3f9ff
  3. #f5f9ff
  4. #f6faff
  5. #f7fbff
  6. #f9fcff
  7. #fafcff
  8. #fbfdff
  9. #fcfeff
  10. #fefeff
  11. #ffffff

टोन

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

  1. #f2f8ff
  2. #e7ecf2
  3. #dbe0e6
  4. #d0d4d9
  5. #c4c8cc
  6. #b9bcc0
  7. #aeb0b3
  8. #a2a4a6
  9. #979899
  10. #8b8c8d
  11. #808080

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

अक्रोमैटोप्सिया #f7f7f7 ≈ 0.003% पुरुष
अक्रोमैटोमली #f5f8fa ≈ 0.001% पुरुष
प्रोटानोपिया #f6f8ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f4f7ff ≈ 1.27% पुरुष
ट्राइटानोपिया #effafa ≈ 0.0001% पुरुष
प्रोटानोमली #f4f8ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #f3f7ff ≈ 4.63% पुरुष
ट्राइटानोमली #f0f9fc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0f8ff Alice Blue ΔE 0.89 #f8f8ff Ghost White ΔE 2.92 #f5f5f5 White Smoke ΔE 3.84 #ffffff White ΔE 4.12 #fffafa Snow ΔE 5.60 #f8f4ff Magnolia ΔE 5.65 #f0ffff Azure ΔE 5.84 #0d0700 उल्टा रंग #f7f7f7 ग्रेस्केल 

Alice Blue
#f2f8ff  rgb(242, 248, 255)  hsl(212, 100%, 97%)  Alice Blue
#fff9f2  rgb(255, 249, 242)  hsl(32, 100%, 97%)  Floral White
#fff2f8  rgb(255, 242, 248)  hsl(332, 100%, 97%)  Lavender Blush
#f8fff2  rgb(248, 255, 242)  hsl(92, 100%, 97%)  Ivory