ColorTool
लॉग इन
#CDDCE3

#cddce3 ≈ Pale Aqua

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

#cddce3 “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80.39% लाल, 86.27% हरे और 89.02% नीले से बना है; CMYK प्रिंट में इसमें 9.69% सियान, 3.08% मैजेंटा, 0% पीला और 10.98% काला लगता है। HSL में इसका ह्यू कोण 199.09°, संतृप्ति 28.21% और चमक 84.71% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.94:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Pale Aqua (#bcd4e6) है, ΔE 5.04।

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

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

पूरक

  1. #cddce3
  2. #e3d4cd

विभाजित पूरक

  1. #cddce3
  2. #e3cdd1
  3. #e3dfcd

समरूप

  1. #cde3df
  2. #cddce3
  3. #cdd1e3

त्रिक

  1. #cddce3
  2. #e3cddc
  3. #dce3cd

चतुष्क

  1. #cddce3
  2. #d4cde3
  3. #e3d4cd
  4. #dce3cd

वर्ग

  1. #cddce3
  2. #dfcde3
  3. #e3d4cd
  4. #d1e3cd

एकरंगी

  1. #6b97ac
  2. #9cbac8
  3. #cddce3
  4. #f2f6f8
  5. #f2f6f8

शेड

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

  1. #cddce3
  2. #b9c6cc
  3. #a4b0b6
  4. #909a9f
  5. #7b8488
  6. #676e72
  7. #52585b
  8. #3e4244
  9. #292c2d
  10. #151617
  11. #000000

टिंट

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

  1. #cddce3
  2. #d2e0e6
  3. #d7e3e9
  4. #dce7eb
  5. #e1eaee
  6. #e6eef1
  7. #ebf1f4
  8. #f0f5f7
  9. #f5f8f9
  10. #fafcfc
  11. #ffffff

टोन

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

  1. #cddce3
  2. #c5d3d9
  3. #becacf
  4. #b6c0c5
  5. #aeb7bb
  6. #a7aeb2
  7. #9fa5a8
  8. #979c9e
  9. #8f9294
  10. #88898a
  11. #808080

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

अक्रोमैटोप्सिया #d9d9d9 ≈ 0.003% पुरुष
अक्रोमैटोमली #d5dadd ≈ 0.001% पुरुष
प्रोटानोपिया #d8dbe3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d5d8e3 ≈ 1.27% पुरुष
ट्राइटानोपिया #c7dede ≈ 0.0001% पुरुष
प्रोटानोमली #d4dbe3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d2dae3 ≈ 4.63% पुरुष
ट्राइटानोमली #cadde0 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#bcd4e6 Pale Aqua ΔE 5.04 #b9d9eb Columbia Blue ΔE 5.74 #dcdcdc Gainsboro ΔE 6.46 #aec6cf Pastel Blue ΔE 6.46 #d3d3d3 Light Gray ΔE 6.61 #d3d3d3 Light Grey ΔE 6.61 #f0f8ff Alice Blue ΔE 6.99 #32231c उल्टा रंग #d9d9d9 ग्रेस्केल 

Pale Aqua
#cddce3  rgb(205, 220, 227)  hsl(199, 28%, 85%)  Pale Aqua
#e3d4cd  rgb(227, 212, 205)  hsl(19, 28%, 85%)  Timberwolf
#e3cddc  rgb(227, 205, 220)  hsl(319, 28%, 85%)  Languid Lavender
#dce3cd  rgb(220, 227, 205)  hsl(79, 28%, 85%)  Beige