#E4E6ED

#e4e6ed ≈ Ghost White

  • नीला
  • चमक: बहुत अधिक
  • संतृप्ति: हल्की
  • ठंडा

#e4e6ed “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 89.41% लाल, 90.2% हरे और 92.94% नीले से बना है; CMYK प्रिंट में इसमें 3.8% सियान, 2.95% मैजेंटा, 0% पीला और 7.06% काला लगता है। HSL में इसका ह्यू कोण 226.67°, संतृप्ति 20% और चमक 91.18% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 16.84:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Ghost White (#f8f8ff) है, ΔE 3.99।

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

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

शेड

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

  1. #e4e6ed
  2. #cdcfd5
  3. #b6b8be
  4. #a0a1a6
  5. #898a8e
  6. #727377
  7. #5b5c5f
  8. #444547
  9. #2e2e2f
  10. #171718
  11. #000000

टिंट

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

  1. #e4e6ed
  2. #e7e9ef
  3. #e9ebf1
  4. #eceef2
  5. #eff0f4
  6. #f2f3f6
  7. #f4f5f8
  8. #f7f8fa
  9. #fafafb
  10. #fcfdfd
  11. #ffffff

टोन

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

  1. #e4e6ed
  2. #dadce2
  3. #d0d2d7
  4. #c6c7cc
  5. #bcbdc1
  6. #b2b3b7
  7. #a8a9ac
  8. #9e9fa1
  9. #949496
  10. #8a8a8b
  11. #808080

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

अक्रोमैटोप्सिया #e6e6e6 ≈ 0.003% पुरुष
अक्रोमैटोमली #e5e6e9 ≈ 0.001% पुरुष
प्रोटानोपिया #e4e6ed ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e4e6ed ≈ 1.27% पुरुष
ट्राइटानोपिया #e2e7e8 ≈ 0.0001% पुरुष
प्रोटानोमली #e4e6ed ≈ 1.08% पुरुष
ड्यूटेरानोमली #e4e6ed ≈ 4.63% पुरुष
ट्राइटानोमली #e3e7ea ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Ghost White
#e4e6ed  rgb(228, 230, 237)  hsl(227, 20%, 91%)  Ghost White
#edebe4  rgb(237, 235, 228)  hsl(47, 20%, 91%)  Isabelline
#ede4e6  rgb(237, 228, 230)  hsl(347, 20%, 91%)  Lavender Blush
#e6ede4  rgb(230, 237, 228)  hsl(107, 20%, 91%)  Mint Cream