ColorTool
लॉग इन
#F2F2DF

#f2f2df ≈ Beige

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

#f2f2df “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 94.9% लाल, 94.9% हरे और 87.45% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 0% मैजेंटा, 7.85% पीला और 5.1% काला लगता है। HSL में इसका ह्यू कोण 60°, संतृप्ति 42.22% और चमक 91.18% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18.54:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Beige (#f5f5dc) है, ΔE 2.16।

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

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

पूरक

  1. #f2f2df
  2. #dfdff2

विभाजित पूरक

  1. #f2f2df
  2. #dfe9f2
  3. #e9dff2

समरूप

  1. #f2e9df
  2. #f2f2df
  3. #e9f2df

त्रिक

  1. #f2f2df
  2. #dff2f2
  3. #f2dff2

चतुष्क

  1. #f2f2df
  2. #dff2df
  3. #dfdff2
  4. #f2dff2

वर्ग

  1. #f2f2df
  2. #dff2e9
  3. #dfdff2
  4. #f2dfe9

एकरंगी

  1. #c6c672
  2. #dcdca9
  3. #f2f2df
  4. #f9f9f0
  5. #f9f9f0

शेड

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

  1. #f2f2df
  2. #dadac9
  3. #c2c2b2
  4. #a9a99c
  5. #919186
  6. #797970
  7. #616159
  8. #494943
  9. #30302d
  10. #181816
  11. #000000

टिंट

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

  1. #f2f2df
  2. #f3f3e2
  3. #f5f5e5
  4. #f6f6e9
  5. #f7f7ec
  6. #f9f9ef
  7. #fafaf2
  8. #fbfbf5
  9. #fcfcf9
  10. #fefefc
  11. #ffffff

टोन

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

  1. #f2f2df
  2. #e7e7d6
  3. #dbdbcc
  4. #d0d0c3
  5. #c4c4b9
  6. #b9b9b0
  7. #aeaea6
  8. #a2a29d
  9. #979793
  10. #8b8b8a
  11. #808080

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

अक्रोमैटोप्सिया #f1f1f1 ≈ 0.003% पुरुष
अक्रोमैटोमली #f1f1ea ≈ 0.001% पुरुष
प्रोटानोपिया #f6f0de ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f6f1e0 ≈ 1.27% पुरुष
ट्राइटानोपिया #f5efec ≈ 0.0001% पुरुष
प्रोटानोमली #f4f1de ≈ 1.08% पुरुष
ड्यूटेरानोमली #f4f1df ≈ 4.63% पुरुष
ट्राइटानोमली #f4f0e7 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f5f5dc Beige ΔE 2.16 #f0ead6 Eggshell ΔE 3.07 #fffff0 Ivory ΔE 3.13 #fff8e7 Cosmic Latte ΔE 3.89 #fff8dc Cornsilk ΔE 4.10 #fdf5e6 Old Lace ΔE 4.61 #ffffe0 Light Yellow ΔE 4.64 #0d0d20 उल्टा रंग #f1f1f1 ग्रेस्केल 

Beige
#f2f2df  rgb(242, 242, 223)  hsl(60, 42%, 91%)  Beige
#dfdff2  rgb(223, 223, 242)  hsl(240, 42%, 91%)  Lavender
#dff2f2  rgb(223, 242, 242)  hsl(180, 42%, 91%)  Azure
#f2dff2  rgb(242, 223, 242)  hsl(300, 42%, 91%)  Languid Lavender