ColorTool
लॉग इन
#ECFFFF

#ecffff ≈ Azure

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

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

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

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

पूरक

  1. #ecffff
  2. #ffecec

विभाजित पूरक

  1. #ecffff
  2. #ffecf5
  3. #fff5ec

समरूप

  1. #ecfff5
  2. #ecffff
  3. #ecf5ff

त्रिक

  1. #ecffff
  2. #ffecff
  3. #ffffec

चतुष्क

  1. #ecffff
  2. #ececff
  3. #ffecec
  4. #ffffec

वर्ग

  1. #ecffff
  2. #f5ecff
  3. #ffecec
  4. #f5ffec

एकरंगी

  1. #53ffff
  2. #9fffff
  3. #ecffff
  4. #ebffff
  5. #ebffff

शेड

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

  1. #ecffff
  2. #d4e6e6
  3. #bdcccc
  4. #a5b3b3
  5. #8e9999
  6. #768080
  7. #5e6666
  8. #474d4d
  9. #2f3333
  10. #181a1a
  11. #000000

टिंट

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

  1. #ecffff
  2. #eeffff
  3. #f0ffff
  4. #f2ffff
  5. #f4ffff
  6. #f6ffff
  7. #f7ffff
  8. #f9ffff
  9. #fbffff
  10. #fdffff
  11. #ffffff

टोन

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

  1. #ecffff
  2. #e1f2f2
  3. #d6e6e6
  4. #ccd9d9
  5. #c1cccc
  6. #b6c0c0
  7. #abb3b3
  8. #a0a6a6
  9. #969999
  10. #8b8d8d
  11. #808080

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

अक्रोमैटोप्सिया #fbfbfb ≈ 0.003% पुरुष
अक्रोमैटोमली #f5fdfd ≈ 0.001% पुरुष
प्रोटानोपिया #fcfdff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f8faff ≈ 1.27% पुरुष
ट्राइटानोपिया #e7ffff ≈ 0.0001% पुरुष
प्रोटानोमली #f6feff ≈ 1.08% पुरुष
ड्यूटेरानोमली #f3fcff ≈ 4.63% पुरुष
ट्राइटानोमली #e9ffff ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f0ffff Azure ΔE 1.43 #f5fffa Mint Cream ΔE 3.73 #e0ffff Light Cyan ΔE 3.74 #f0f8ff Alice Blue ΔE 6.28 #f0fff0 Honeydew ΔE 6.51 #ffffff White ΔE 7.85 #f5f5f5 White Smoke ΔE 7.91 #130000 उल्टा रंग #fbfbfb ग्रेस्केल 

Azure
#ecffff  rgb(236, 255, 255)  hsl(180, 100%, 96%)  Azure
#ffecec  rgb(255, 236, 236)  hsl(0, 100%, 96%)  Lavender Blush
#ffecff  rgb(255, 236, 255)  hsl(300, 100%, 96%)  Lavender Blush
#ffffec  rgb(255, 255, 236)  hsl(60, 100%, 96%)  Ivory