ColorTool
लॉग इन
#ECFDFF

#ecfdff ≈ Azure

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

#ecfdff “सियान” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 92.55% लाल, 99.22% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 7.45% सियान, 0.78% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 186.32°, संतृप्ति 100% और चमक 96.27% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 20.06:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Azure (#f0ffff) है, ΔE 1.14।

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

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

पूरक

  1. #ecfdff
  2. #ffeeec

विभाजित पूरक

  1. #ecfdff
  2. #ffecf3
  3. #fff7ec

समरूप

  1. #ecfff7
  2. #ecfdff
  3. #ecf3ff

त्रिक

  1. #ecfdff
  2. #ffecfd
  3. #fdffec

चतुष्क

  1. #ecfdff
  2. #eeecff
  3. #ffeeec
  4. #fdffec

वर्ग

  1. #ecfdff
  2. #f7ecff
  3. #ffeeec
  4. #f3ffec

एकरंगी

  1. #53edff
  2. #9ff5ff
  3. #ecfdff
  4. #ebfdff
  5. #ebfdff

शेड

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

  1. #ecfdff
  2. #d4e4e6
  3. #bdcacc
  4. #a5b1b3
  5. #8e9899
  6. #767f80
  7. #5e6566
  8. #474c4d
  9. #2f3333
  10. #18191a
  11. #000000

टिंट

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

  1. #ecfdff
  2. #eefdff
  3. #f0fdff
  4. #f2feff
  5. #f4feff
  6. #f6feff
  7. #f7feff
  8. #f9feff
  9. #fbffff
  10. #fdffff
  11. #ffffff

टोन

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

  1. #ecfdff
  2. #e1f1f2
  3. #d6e4e6
  4. #ccd8d9
  5. #c1cbcc
  6. #b6bfc0
  7. #abb2b3
  8. #a0a6a6
  9. #969999
  10. #8b8d8d
  11. #808080

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

अक्रोमैटोप्सिया #fafafa ≈ 0.003% पुरुष
अक्रोमैटोमली #f4fbfc ≈ 0.001% पुरुष
प्रोटानोपिया #fafbff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f6f8ff ≈ 1.27% पुरुष
ट्राइटानोपिया #e7fffe ≈ 0.0001% पुरुष
प्रोटानोमली #f5fcff ≈ 1.08% पुरुष
ड्यूटेरानोमली #f2faff ≈ 4.63% पुरुष
ट्राइटानोमली #e9fefe ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0ffff Azure ΔE 1.14 #f5fffa Mint Cream ΔE 3.89 #e0ffff Light Cyan ΔE 4.76 #f0f8ff Alice Blue ΔE 4.97 #f5f5f5 White Smoke ΔE 7.02 #ffffff White ΔE 7.04 #f0fff0 Honeydew ΔE 7.51 #130200 उल्टा रंग #fafafa ग्रेस्केल 

Azure
#ecfdff  rgb(236, 253, 255)  hsl(186, 100%, 96%)  Azure
#ffeeec  rgb(255, 238, 236)  hsl(6, 100%, 96%)  Lavender Blush
#ffecfd  rgb(255, 236, 253)  hsl(306, 100%, 96%)  Lavender Blush
#fdffec  rgb(253, 255, 236)  hsl(66, 100%, 96%)  Ivory