ColorTool
लॉग इन
#ECECDC

#ececdc ≈ Eggshell

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

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

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

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

पूरक

  1. #ececdc
  2. #dcdcec

विभाजित पूरक

  1. #ececdc
  2. #dce4ec
  3. #e4dcec

समरूप

  1. #ece4dc
  2. #ececdc
  3. #e4ecdc

त्रिक

  1. #ececdc
  2. #dcecec
  3. #ecdcec

चतुष्क

  1. #ececdc
  2. #dcecdc
  3. #dcdcec
  4. #ecdcec

वर्ग

  1. #ececdc
  2. #dcece4
  3. #dcdcec
  4. #ecdce4

एकरंगी

  1. #b6b679
  2. #d1d1aa
  3. #ececdc
  4. #f8f8f2
  5. #f8f8f2

शेड

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

  1. #ececdc
  2. #d4d4c6
  3. #bdbdb0
  4. #a5a59a
  5. #8e8e84
  6. #76766e
  7. #5e5e58
  8. #474742
  9. #2f2f2c
  10. #181816
  11. #000000

टिंट

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

  1. #ececdc
  2. #eeeee0
  3. #f0f0e3
  4. #f2f2e7
  5. #f4f4ea
  6. #f6f6ee
  7. #f7f7f1
  8. #f9f9f5
  9. #fbfbf8
  10. #fdfdfc
  11. #ffffff

टोन

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

  1. #ececdc
  2. #e1e1d3
  3. #d6d6ca
  4. #ccccc0
  5. #c1c1b7
  6. #b6b6ae
  7. #ababa5
  8. #a0a09c
  9. #969692
  10. #8b8b89
  11. #808080

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

अक्रोमैटोप्सिया #ebebeb ≈ 0.003% पुरुष
अक्रोमैटोमली #ebebe5 ≈ 0.001% पुरुष
प्रोटानोपिया #efeadb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #efebdd ≈ 1.27% पुरुष
ट्राइटानोपिया #efeae7 ≈ 0.0001% पुरुष
प्रोटानोमली #eeebdb ≈ 1.08% पुरुष
ड्यूटेरानोमली #eeecdc ≈ 4.63% पुरुष
ट्राइटानोमली #eeebe3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0ead6 Eggshell ΔE 2.86 #f5f5dc Beige ΔE 3.65 #fffff0 Ivory ΔE 3.95 #fff8e7 Cosmic Latte ΔE 4.26 #fdf5e6 Old Lace ΔE 4.57 #fffaf0 Floral White ΔE 5.09 #fff8dc Cornsilk ΔE 5.32 #131323 उल्टा रंग #ebebeb ग्रेस्केल 

Eggshell
#ececdc  rgb(236, 236, 220)  hsl(60, 30%, 89%)  Eggshell
#dcdcec  rgb(220, 220, 236)  hsl(240, 30%, 89%)  Lavender
#dcecec  rgb(220, 236, 236)  hsl(180, 30%, 89%)  Azure
#ecdcec  rgb(236, 220, 236)  hsl(300, 30%, 89%)  Languid Lavender