#E2DFD2

#e2dfd2 ≈ Bone

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

#e2dfd2 “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 88.63% लाल, 87.45% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 1.33% मैजेंटा, 7.08% पीला और 11.37% काला लगता है। HSL में इसका ह्यू कोण 48.75°, संतृप्ति 21.62% और चमक 85.49% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और बैकग्राउंड और बड़ी सतहें के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.72:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Bone (#e3dac9) है, ΔE 3.03।

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

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

शेड

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

  1. #e2dfd2
  2. #cbc9bd
  3. #b5b2a8
  4. #9e9c93
  5. #88867e
  6. #717069
  7. #5a5954
  8. #44433f
  9. #2d2d2a
  10. #171615
  11. #000000

टिंट

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

  1. #e2dfd2
  2. #e5e2d7
  3. #e8e5db
  4. #ebe9e0
  5. #eeece4
  6. #f1efe9
  7. #f3f2ed
  8. #f6f5f2
  9. #f9f9f6
  10. #fcfcfb
  11. #ffffff

टोन

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

  1. #e2dfd2
  2. #d8d6ca
  3. #ceccc2
  4. #c5c3b9
  5. #bbb9b1
  6. #b1b0a9
  7. #a7a6a1
  8. #9d9d99
  9. #949390
  10. #8a8a88
  11. #808080

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

अक्रोमैटोप्सिया #dfdfdf ≈ 0.003% पुरुष
अक्रोमैटोमली #e0dfda ≈ 0.001% पुरुष
प्रोटानोपिया #e2ded1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e3dfd2 ≈ 1.27% पुरुष
ट्राइटानोपिया #e5dddb ≈ 0.0001% पुरुष
प्रोटानोमली #e2ded2 ≈ 1.08% पुरुष
ड्यूटेरानोमली #e3dfd2 ≈ 4.63% पुरुष
ट्राइटानोमली #e4ded8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Bone
#e2dfd2  rgb(226, 223, 210)  hsl(49, 22%, 85%)  Bone
#d2d5e2  rgb(210, 213, 226)  hsl(229, 22%, 85%)  Lavender
#d2e2df  rgb(210, 226, 223)  hsl(169, 22%, 85%)  Azure
#dfd2e2  rgb(223, 210, 226)  hsl(289, 22%, 85%)  Languid Lavender