ColorTool
लॉग इन
#CCECFD

#ccecfd ≈ Columbia Blue

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

#ccecfd “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 92.55% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 19.37% सियान, 6.72% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 200.82°, संतृप्ति 92.45% और चमक 89.61% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 16.98:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Columbia Blue (#b9d9eb) है, ΔE 4.28।

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

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

पूरक

  1. #ccecfd
  2. #fdddcc

विभाजित पूरक

  1. #ccecfd
  2. #fdccd4
  3. #fdf6cc

समरूप

  1. #ccfdf6
  2. #ccecfd
  3. #ccd4fd

त्रिक

  1. #ccecfd
  2. #fdccec
  3. #ecfdcc

चतुष्क

  1. #ccecfd
  2. #ddccfd
  3. #fdddcc
  4. #ecfdcc

वर्ग

  1. #ccecfd
  2. #f6ccfd
  3. #fdddcc
  4. #d4fdcc

एकरंगी

  1. #39b5f7
  2. #82d1fa
  3. #ccecfd
  4. #ebf8fe
  5. #ebf8fe

शेड

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

  1. #ccecfd
  2. #b8d4e4
  3. #a3bdca
  4. #8fa5b1
  5. #7a8e98
  6. #66767f
  7. #525e65
  8. #3d474c
  9. #292f33
  10. #141819
  11. #000000

टिंट

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

  1. #ccecfd
  2. #d1eefd
  3. #d6f0fd
  4. #dbf2fe
  5. #e0f4fe
  6. #e6f6fe
  7. #ebf7fe
  8. #f0f9fe
  9. #f5fbff
  10. #fafdff
  11. #ffffff

टोन

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

  1. #ccecfd
  2. #c4e1f1
  3. #bdd6e4
  4. #b5ccd8
  5. #aec1cb
  6. #a6b6bf
  7. #9eabb2
  8. #97a0a6
  9. #8f9699
  10. #888b8d
  11. #808080

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

अक्रोमैटोप्सिया #e7e7e7 ≈ 0.003% पुरुष
अक्रोमैटोमली #dde9f0 ≈ 0.001% पुरुष
प्रोटानोपिया #e4eafe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #dde5fd ≈ 1.27% पुरुष
ट्राइटानोपिया #bff1f1 ≈ 0.0001% पुरुष
प्रोटानोमली #dbebfe ≈ 1.08% पुरुष
ड्यूटेरानोमली #d6e8fd ≈ 4.63% पुरुष
ट्राइटानोमली #c4eff6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#b9d9eb Columbia Blue ΔE 4.28 #bcd4e6 Pale Aqua ΔE 5.76 #add8e6 Light Blue ΔE 6.23 #a4dded Non-Photo Blue ΔE 7.52 #b0e0e6 Powder Blue ΔE 8.11 #e0ffff Light Cyan ΔE 8.24 #f0f8ff Alice Blue ΔE 8.38 #331302 उल्टा रंग #e7e7e7 ग्रेस्केल 

Columbia Blue
#ccecfd  rgb(204, 236, 253)  hsl(201, 92%, 90%)  Columbia Blue
#fdddcc  rgb(253, 221, 204)  hsl(21, 92%, 90%)  Unbleached Silk
#fdccec  rgb(253, 204, 236)  hsl(321, 92%, 90%)  Thistle
#ecfdcc  rgb(236, 253, 204)  hsl(81, 92%, 90%)  Tea Green