#DEE4F5

#dee4f5 ≈ Lavender

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

#dee4f5 “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 87.06% लाल, 89.41% हरे और 96.08% नीले से बना है; CMYK प्रिंट में इसमें 9.39% सियान, 6.94% मैजेंटा, 0% पीला और 3.92% काला लगता है। HSL में इसका ह्यू कोण 224.35°, संतृप्ति 53.49% और चमक 91.57% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 16.52:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Lavender (#e6e6fa) है, ΔE 3.39।

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

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

शेड

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

  1. #dee4f5
  2. #c8cddd
  3. #b2b6c4
  4. #9ba0ac
  5. #858993
  6. #6f727b
  7. #595b62
  8. #43444a
  9. #2c2e31
  10. #161719
  11. #000000

टिंट

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

  1. #dee4f5
  2. #e1e7f6
  3. #e5e9f7
  4. #e8ecf8
  5. #ebeff9
  6. #eff2fa
  7. #f2f4fb
  8. #f5f7fc
  9. #f8fafd
  10. #fcfcfe
  11. #ffffff

टोन

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

  1. #dee4f5
  2. #d5dae9
  3. #cbd0de
  4. #c2c6d2
  5. #b8bcc6
  6. #afb2bb
  7. #a6a8af
  8. #9c9ea3
  9. #939497
  10. #898a8c
  11. #808080

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

अक्रोमैटोप्सिया #e4e4e4 ≈ 0.003% पुरुष
अक्रोमैटोमली #e2e4eb ≈ 0.001% पुरुष
प्रोटानोपिया #dfe5f6 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #dee3f5 ≈ 1.27% पुरुष
ट्राइटानोपिया #d9e7e9 ≈ 0.0001% पुरुष
प्रोटानोमली #dfe5f6 ≈ 1.08% पुरुष
ड्यूटेरानोमली #dee4f5 ≈ 4.63% पुरुष
ट्राइटानोमली #dbe6ee ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Lavender
#dee4f5  rgb(222, 228, 245)  hsl(224, 53%, 92%)  Lavender
#f5efde  rgb(245, 239, 222)  hsl(44, 53%, 92%)  Eggshell
#f5dee4  rgb(245, 222, 228)  hsl(344, 53%, 92%)  Pale Pink
#e4f5de  rgb(228, 245, 222)  hsl(104, 53%, 92%)  Honeydew