ColorTool
लॉग इन
#F4F0DF

#f4f0df ≈ Eggshell

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

#f4f0df “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 95.69% लाल, 94.12% हरे और 87.45% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 1.64% मैजेंटा, 8.61% पीला और 4.31% काला लगता है। HSL में इसका ह्यू कोण 48.57°, संतृप्ति 48.84% और चमक 91.57% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18.38:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Eggshell (#f0ead6) है, ΔE 1.77।

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

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

पूरक

  1. #f4f0df
  2. #dfe3f4

विभाजित पूरक

  1. #f4f0df
  2. #dfeef4
  3. #e6dff4

समरूप

  1. #f4e6df
  2. #f4f0df
  3. #eef4df

त्रिक

  1. #f4f0df
  2. #dff4f0
  3. #f0dff4

चतुष्क

  1. #f4f0df
  2. #e3f4df
  3. #dfe3f4
  4. #f0dff4

वर्ग

  1. #f4f0df
  2. #dff4e6
  3. #dfe3f4
  4. #f4dfee

एकरंगी

  1. #cdbb6d
  2. #e0d5a6
  3. #f4f0df
  4. #faf8f0
  5. #faf8f0

शेड

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

  1. #f4f0df
  2. #dcd8c9
  3. #c3c0b2
  4. #aba89c
  5. #929086
  6. #7a7870
  7. #626059
  8. #494843
  9. #31302d
  10. #181816
  11. #000000

टिंट

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

  1. #f4f0df
  2. #f5f2e2
  3. #f6f3e5
  4. #f7f5e9
  5. #f8f6ec
  6. #faf8ef
  7. #fbf9f2
  8. #fcfbf5
  9. #fdfcf9
  10. #fefefc
  11. #ffffff

टोन

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

  1. #f4f0df
  2. #e8e5d6
  3. #dddacc
  4. #d1cec3
  5. #c6c3b9
  6. #bab8b0
  7. #aeada6
  8. #a3a29d
  9. #979693
  10. #8c8b8a
  11. #808080

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

अक्रोमैटोप्सिया #f0f0f0 ≈ 0.003% पुरुष
अक्रोमैटोमली #f1f0e9 ≈ 0.001% पुरुष
प्रोटानोपिया #f4efde ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f5f0e0 ≈ 1.27% पुरुष
ट्राइटानोपिया #f8edeb ≈ 0.0001% पुरुष
प्रोटानोमली #f4efde ≈ 1.08% पुरुष
ड्यूटेरानोमली #f5f0df ≈ 4.63% पुरुष
ट्राइटानोमली #f6eee6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0ead6 Eggshell ΔE 1.77 #fff8e7 Cosmic Latte ΔE 2.28 #fdf5e6 Old Lace ΔE 2.64 #fffff0 Ivory ΔE 3.46 #f5f5dc Beige ΔE 3.76 #fffaf0 Floral White ΔE 3.84 #fff8dc Cornsilk ΔE 4.07 #0b0f20 उल्टा रंग #f0f0f0 ग्रेस्केल 

Eggshell
#f4f0df  rgb(244, 240, 223)  hsl(49, 49%, 92%)  Eggshell
#dfe3f4  rgb(223, 227, 244)  hsl(229, 49%, 92%)  Lavender
#dff4f0  rgb(223, 244, 240)  hsl(169, 49%, 92%)  Light Cyan
#f0dff4  rgb(240, 223, 244)  hsl(289, 49%, 92%)  Languid Lavender