ColorTool
लॉग इन
#DCF4FF

#dcf4ff ≈ Azure

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

#dcf4ff “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 86.27% लाल, 95.69% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 13.73% सियान, 4.31% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 198.86°, संतृप्ति 100% और चमक 93.14% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18.43:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Azure (#f0ffff) है, ΔE 5.6।

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

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

पूरक

  1. #dcf4ff
  2. #ffe7dc

विभाजित पूरक

  1. #dcf4ff
  2. #ffdce3
  3. #fff9dc

समरूप

  1. #dcfff9
  2. #dcf4ff
  3. #dce3ff

त्रिक

  1. #dcf4ff
  2. #ffdcf4
  3. #f4ffdc

चतुष्क

  1. #dcf4ff
  2. #e7dcff
  3. #ffe7dc
  4. #f4ffdc

वर्ग

  1. #dcf4ff
  2. #f9dcff
  3. #ffe7dc
  4. #e3ffdc

एकरंगी

  1. #43c4ff
  2. #90dcff
  3. #dcf4ff
  4. #ebf9ff
  5. #ebf9ff

शेड

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

  1. #dcf4ff
  2. #c6dce6
  3. #b0c3cc
  4. #9aabb3
  5. #849299
  6. #6e7a80
  7. #586266
  8. #42494d
  9. #2c3133
  10. #16181a
  11. #000000

टिंट

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

  1. #dcf4ff
  2. #e0f5ff
  3. #e3f6ff
  4. #e7f7ff
  5. #eaf8ff
  6. #eefaff
  7. #f1fbff
  8. #f5fcff
  9. #f8fdff
  10. #fcfeff
  11. #ffffff

टोन

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

  1. #dcf4ff
  2. #d3e8f2
  3. #cadde6
  4. #c0d1d9
  5. #b7c6cc
  6. #aebac0
  7. #a5aeb3
  8. #9ca3a6
  9. #929799
  10. #898c8d
  11. #808080

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

अक्रोमैटोप्सिया #f0f0f0 ≈ 0.003% पुरुष
अक्रोमैटोमली #e8f2f6 ≈ 0.001% पुरुष
प्रोटानोपिया #eef3ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e9eeff ≈ 1.27% पुरुष
ट्राइटानोपिया #d3f7f7 ≈ 0.0001% पुरुष
प्रोटानोमली #e7f3ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #e4f1ff ≈ 4.63% पुरुष
ट्राइटानोमली #d7f6fa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0ffff Azure ΔE 5.60 #f0f8ff Alice Blue ΔE 5.72 #e0ffff Light Cyan ΔE 6.32 #b9d9eb Columbia Blue ΔE 6.85 #bcd4e6 Pale Aqua ΔE 7.67 #f5fffa Mint Cream ΔE 8.29 #add8e6 Light Blue ΔE 8.57 #230b00 उल्टा रंग #f0f0f0 ग्रेस्केल 

Azure
#dcf4ff  rgb(220, 244, 255)  hsl(199, 100%, 93%)  Azure
#ffe7dc  rgb(255, 231, 220)  hsl(19, 100%, 93%)  Misty Rose
#ffdcf4  rgb(255, 220, 244)  hsl(319, 100%, 93%)  Pale Pink
#f4ffdc  rgb(244, 255, 220)  hsl(79, 100%, 93%)  Light Goldenrod Yellow