ColorTool
लॉग इन
#ECECDB

#ececdb ≈ Eggshell

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

#ececdb “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 92.55% लाल, 92.55% हरे और 85.88% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 0% मैजेंटा, 7.2% पीला और 7.45% काला लगता है। HSL में इसका ह्यू कोण 60°, संतृप्ति 30.91% और चमक 89.22% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.59:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Eggshell (#f0ead6) है, ΔE 2.76।

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

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

पूरक

  1. #ececdb
  2. #dbdbec

विभाजित पूरक

  1. #ececdb
  2. #dbe4ec
  3. #e4dbec

समरूप

  1. #ece4db
  2. #ececdb
  3. #e4ecdb

त्रिक

  1. #ececdb
  2. #dbecec
  3. #ecdbec

चतुष्क

  1. #ececdb
  2. #dbecdb
  3. #dbdbec
  4. #ecdbec

वर्ग

  1. #ececdb
  2. #dbece4
  3. #dbdbec
  4. #ecdbe4

एकरंगी

  1. #b7b777
  2. #d2d2a9
  3. #ececdb
  4. #f8f8f2
  5. #f8f8f2

शेड

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

  1. #ececdb
  2. #d4d4c5
  3. #bdbdaf
  4. #a5a599
  5. #8e8e83
  6. #76766e
  7. #5e5e58
  8. #474742
  9. #2f2f2c
  10. #181816
  11. #000000

टिंट

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

  1. #ececdb
  2. #eeeedf
  3. #f0f0e2
  4. #f2f2e6
  5. #f4f4e9
  6. #f6f6ed
  7. #f7f7f1
  8. #f9f9f4
  9. #fbfbf8
  10. #fdfdfb
  11. #ffffff

टोन

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

  1. #ececdb
  2. #e1e1d2
  3. #d6d6c9
  4. #ccccc0
  5. #c1c1b7
  6. #b6b6ae
  7. #ababa4
  8. #a0a09b
  9. #969692
  10. #8b8b89
  11. #808080

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

अक्रोमैटोप्सिया #ebebeb ≈ 0.003% पुरुष
अक्रोमैटोमली #ebebe5 ≈ 0.001% पुरुष
प्रोटानोपिया #efeada ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f0ebdc ≈ 1.27% पुरुष
ट्राइटानोपिया #efeae7 ≈ 0.0001% पुरुष
प्रोटानोमली #eeebda ≈ 1.08% पुरुष
ड्यूटेरानोमली #eeecdb ≈ 4.63% पुरुष
ट्राइटानोमली #eeebe2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0ead6 Eggshell ΔE 2.76 #f5f5dc Beige ΔE 3.32 #fffff0 Ivory ΔE 4.03 #fff8e7 Cosmic Latte ΔE 4.33 #fdf5e6 Old Lace ΔE 4.71 #fff8dc Cornsilk ΔE 5.08 #eae0c8 Pearl ΔE 5.24 #131324 उल्टा रंग #ebebeb ग्रेस्केल 

Eggshell
#ececdb  rgb(236, 236, 219)  hsl(60, 31%, 89%)  Eggshell
#dbdbec  rgb(219, 219, 236)  hsl(240, 31%, 89%)  Lavender
#dbecec  rgb(219, 236, 236)  hsl(180, 31%, 89%)  Azure
#ecdbec  rgb(236, 219, 236)  hsl(300, 31%, 89%)  Languid Lavender