ColorTool
लॉग इन
#F3F3FD

#f3f3fd ≈ Ghost White

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

#f3f3fd “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 95.29% लाल, 95.29% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 3.95% सियान, 3.95% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 240°, संतृप्ति 71.43% और चमक 97.25% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 19.05:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ghost White (#f8f8ff) है, ΔE 1.69।

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

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

पूरक

  1. #f3f3fd
  2. #fdfdf3

विभाजित पूरक

  1. #f3f3fd
  2. #fdf8f3
  3. #f8fdf3

समरूप

  1. #f3f8fd
  2. #f3f3fd
  3. #f8f3fd

त्रिक

  1. #f3f3fd
  2. #fdf3f3
  3. #f3fdf3

चतुष्क

  1. #f3f3fd
  2. #fdf3fd
  3. #fdfdf3
  4. #f3fdf3

वर्ग

  1. #f3f3fd
  2. #fdf3f8
  3. #fdfdf3
  4. #f3fdf8

एकरंगी

  1. #7070e7
  2. #b1b1f2
  3. #f3f3fd
  4. #eeeefc
  5. #eeeefc

शेड

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

  1. #f3f3fd
  2. #dbdbe4
  3. #c2c2ca
  4. #aaaab1
  5. #929298
  6. #7a7a7f
  7. #616165
  8. #49494c
  9. #313133
  10. #181819
  11. #000000

टिंट

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

  1. #f3f3fd
  2. #f4f4fd
  3. #f5f5fd
  4. #f7f7fe
  5. #f8f8fe
  6. #f9f9fe
  7. #fafafe
  8. #fbfbfe
  9. #fdfdff
  10. #fefeff
  11. #ffffff

टोन

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

  1. #f3f3fd
  2. #e8e8f1
  3. #dcdce4
  4. #d1d1d8
  5. #c5c5cb
  6. #bababf
  7. #aeaeb2
  8. #a3a3a6
  9. #979799
  10. #8c8c8d
  11. #808080

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

अक्रोमैटोप्सिया #f4f4f4 ≈ 0.003% पुरुष
अक्रोमैटोमली #f3f3f7 ≈ 0.001% पुरुष
प्रोटानोपिया #f1f4fe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f1f3fd ≈ 1.27% पुरुष
ट्राइटानोपिया #f1f5f6 ≈ 0.0001% पुरुष
प्रोटानोमली #f2f4fd ≈ 1.08% पुरुष
ड्यूटेरानोमली #f2f3fd ≈ 4.63% पुरुष
ट्राइटानोमली #f2f4f9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f8f8ff Ghost White ΔE 1.69 #f8f4ff Magnolia ΔE 2.01 #f0f8ff Alice Blue ΔE 4.54 #e6e6fa Lavender ΔE 4.85 #f5f5f5 White Smoke ΔE 4.90 #fffafa Snow ΔE 5.08 #ffffff White ΔE 5.40 #0c0c02 उल्टा रंग #f4f4f4 ग्रेस्केल 

Ghost White
#f3f3fd  rgb(243, 243, 253)  hsl(240, 71%, 97%)  Ghost White
#fdfdf3  rgb(253, 253, 243)  hsl(60, 71%, 97%)  Ivory
#fdf3f3  rgb(253, 243, 243)  hsl(0, 71%, 97%)  Snow
#f3fdf3  rgb(243, 253, 243)  hsl(120, 71%, 97%)  Mint Cream