ColorTool
लॉग इन
#DCF3FF

#dcf3ff ≈ Alice Blue

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

#dcf3ff “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 86.27% लाल, 95.29% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 13.73% सियान, 4.71% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 200.57°, संतृप्ति 100% और चमक 93.14% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 18.31:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Alice Blue (#f0f8ff) है, ΔE 5.44।

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

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

पूरक

  1. #dcf3ff
  2. #ffe8dc

विभाजित पूरक

  1. #dcf3ff
  2. #ffdce2
  3. #fffadc

समरूप

  1. #dcfffa
  2. #dcf3ff
  3. #dce2ff

त्रिक

  1. #dcf3ff
  2. #ffdcf3
  3. #f3ffdc

चतुष्क

  1. #dcf3ff
  2. #e8dcff
  3. #ffe8dc
  4. #f3ffdc

वर्ग

  1. #dcf3ff
  2. #fadcff
  3. #ffe8dc
  4. #e2ffdc

एकरंगी

  1. #43bfff
  2. #90d9ff
  3. #dcf3ff
  4. #ebf8ff
  5. #ebf8ff

शेड

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

  1. #dcf3ff
  2. #c6dbe6
  3. #b0c2cc
  4. #9aaab3
  5. #849299
  6. #6e7a80
  7. #586166
  8. #42494d
  9. #2c3133
  10. #16181a
  11. #000000

टिंट

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

  1. #dcf3ff
  2. #e0f4ff
  3. #e3f5ff
  4. #e7f7ff
  5. #eaf8ff
  6. #eef9ff
  7. #f1faff
  8. #f5fbff
  9. #f8fdff
  10. #fcfeff
  11. #ffffff

टोन

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

  1. #dcf3ff
  2. #d3e8f2
  3. #cadce6
  4. #c0d1d9
  5. #b7c5cc
  6. #aebac0
  7. #a5aeb3
  8. #9ca3a6
  9. #929799
  10. #898c8d
  11. #808080

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

अक्रोमैटोप्सिया #efefef ≈ 0.003% पुरुष
अक्रोमैटोमली #e8f1f6 ≈ 0.001% पुरुष
प्रोटानोपिया #edf2ff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e8edff ≈ 1.27% पुरुष
ट्राइटानोपिया #d3f6f7 ≈ 0.0001% पुरुष
प्रोटानोमली #e6f2ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #e3f0ff ≈ 4.63% पुरुष
ट्राइटानोमली #d7f5fa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0f8ff Alice Blue ΔE 5.44 #f0ffff Azure ΔE 5.94 #b9d9eb Columbia Blue ΔE 6.68 #e0ffff Light Cyan ΔE 6.97 #bcd4e6 Pale Aqua ΔE 7.31 #f5fffa Mint Cream ΔE 8.58 #add8e6 Light Blue ΔE 8.70 #230c00 उल्टा रंग #efefef ग्रेस्केल 

Alice Blue
#dcf3ff  rgb(220, 243, 255)  hsl(201, 100%, 93%)  Alice Blue
#ffe8dc  rgb(255, 232, 220)  hsl(21, 100%, 93%)  Unbleached Silk
#ffdcf3  rgb(255, 220, 243)  hsl(321, 100%, 93%)  Pale Pink
#f3ffdc  rgb(243, 255, 220)  hsl(81, 100%, 93%)  Light Goldenrod Yellow