ColorTool
लॉग इन
#CCDFF2

#ccdff2 ≈ Pale Aqua

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

#ccdff2 “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 87.45% हरे और 94.9% नीले से बना है; CMYK प्रिंट में इसमें 15.7% सियान, 7.85% मैजेंटा, 0% पीला और 5.1% काला लगता है। HSL में इसका ह्यू कोण 210°, संतृप्ति 59.37% और चमक 87.45% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.4:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pale Aqua (#bcd4e6) है, ΔE 3.43।

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

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

पूरक

  1. #ccdff2
  2. #f2dfcc

विभाजित पूरक

  1. #ccdff2
  2. #f2cccc
  3. #f2f2cc

समरूप

  1. #ccf2f2
  2. #ccdff2
  3. #ccccf2

त्रिक

  1. #ccdff2
  2. #f2ccdf
  3. #dff2cc

चतुष्क

  1. #ccdff2
  2. #dfccf2
  3. #f2dfcc
  4. #dff2cc

वर्ग

  1. #ccdff2
  2. #f2ccf2
  3. #f2dfcc
  4. #ccf2cc

एकरंगी

  1. #5292d3
  2. #8fb9e2
  3. #ccdff2
  4. #eff5fb
  5. #eff5fb

शेड

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

  1. #ccdff2
  2. #b8c9da
  3. #a3b2c2
  4. #8f9ca9
  5. #7a8691
  6. #667079
  7. #525961
  8. #3d4349
  9. #292d30
  10. #141618
  11. #000000

टिंट

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

  1. #ccdff2
  2. #d1e2f3
  3. #d6e5f5
  4. #dbe9f6
  5. #e0ecf7
  6. #e6eff9
  7. #ebf2fa
  8. #f0f5fb
  9. #f5f9fc
  10. #fafcfe
  11. #ffffff

टोन

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

  1. #ccdff2
  2. #c4d6e7
  3. #bdccdb
  4. #b5c3d0
  5. #aeb9c4
  6. #a6b0b9
  7. #9ea6ae
  8. #979da2
  9. #8f9397
  10. #888a8b
  11. #808080

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

अक्रोमैटोप्सिया #dddddd ≈ 0.003% पुरुष
अक्रोमैटोमली #d6dee5 ≈ 0.001% पुरुष
प्रोटानोपिया #d8dff3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d3dbf2 ≈ 1.27% पुरुष
ट्राइटानोपिया #c3e3e5 ≈ 0.0001% पुरुष
प्रोटानोमली #d3dff3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d1ddf2 ≈ 4.63% पुरुष
ट्राइटानोमली #c6e2ea ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#bcd4e6 Pale Aqua ΔE 3.43 #b9d9eb Columbia Blue ΔE 4.85 #b0c4de Light Steel Blue ΔE 6.97 #f0f8ff Alice Blue ΔE 7.76 #aec6cf Pastel Blue ΔE 8.37 #add8e6 Light Blue ΔE 8.67 #e6e6fa Lavender ΔE 8.84 #33200d उल्टा रंग #dddddd ग्रेस्केल 

Pale Aqua
#ccdff2  rgb(204, 223, 242)  hsl(210, 59%, 87%)  Pale Aqua
#f2dfcc  rgb(242, 223, 204)  hsl(30, 59%, 87%)  Antique White
#f2ccdf  rgb(242, 204, 223)  hsl(330, 59%, 87%)  Thistle
#dff2cc  rgb(223, 242, 204)  hsl(90, 59%, 87%)  Tea Green