ColorTool
लॉग इन
#CCCDEE

#cccdee ≈ Periwinkle

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

#cccdee “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 80.39% हरे और 93.33% नीले से बना है; CMYK प्रिंट में इसमें 14.29% सियान, 13.87% मैजेंटा, 0% पीला और 6.67% काला लगता है। HSL में इसका ह्यू कोण 238.24°, संतृप्ति 50% और चमक 86.67% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.53:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Periwinkle (#ccccff) है, ΔE 4.73।

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

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

पूरक

  1. #cccdee
  2. #eeedcc

विभाजित पूरक

  1. #cccdee
  2. #eedccc
  3. #deeecc

समरूप

  1. #ccdeee
  2. #cccdee
  3. #dcccee

त्रिक

  1. #cccdee
  2. #eecccd
  3. #cdeecc

चतुष्क

  1. #cccdee
  2. #edccee
  3. #eeedcc
  4. #cdeecc

वर्ग

  1. #cccdee
  2. #eeccde
  3. #eeedcc
  4. #cceedc

एकरंगी

  1. #595dc8
  2. #9395db
  3. #cccdee
  4. #f0f0fa
  5. #f0f0fa

शेड

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

  1. #cccdee
  2. #b8b9d6
  3. #a3a4be
  4. #8f90a7
  5. #7a7b8f
  6. #666777
  7. #52525f
  8. #3d3e47
  9. #292930
  10. #141518
  11. #000000

टिंट

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

  1. #cccdee
  2. #d1d2f0
  3. #d6d7f1
  4. #dbdcf3
  5. #e0e1f5
  6. #e6e6f7
  7. #ebebf8
  8. #f0f0fa
  9. #f5f5fc
  10. #fafafd
  11. #ffffff

टोन

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

  1. #cccdee
  2. #c4c5e3
  3. #bdbed8
  4. #b5b6cd
  5. #aeaec2
  6. #a6a7b7
  7. #9e9fac
  8. #9797a1
  9. #8f8f96
  10. #88888b
  11. #808080

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

अक्रोमैटोप्सिया #cfcfcf ≈ 0.003% पुरुष
अक्रोमैटोमली #cecedc ≈ 0.001% पुरुष
प्रोटानोपिया #c5d0f0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c4ceed ≈ 1.27% पुरुष
ट्राइटानोपिया #c5d2d8 ≈ 0.0001% पुरुष
प्रोटानोमली #c8cfef ≈ 1.08% पुरुष
ड्यूटेरानोमली #c7ceed ≈ 4.63% पुरुष
ट्राइटानोमली #c8d0e1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#ccccff Periwinkle ΔE 4.73 #d6cadd Languid Lavender ΔE 6.76 #e6e6fa Lavender ΔE 7.11 #b0c4de Light Steel Blue ΔE 9.28 #a2add0 Wild Blue Yonder ΔE 9.60 #d8bfd8 Thistle ΔE 9.82 #f8f4ff Magnolia ΔE 11.71 #333211 उल्टा रंग #cfcfcf ग्रेस्केल 

Periwinkle
#cccdee  rgb(204, 205, 238)  hsl(238, 50%, 87%)  Periwinkle
#eeedcc  rgb(238, 237, 204)  hsl(58, 50%, 87%)  Beige
#eecccd  rgb(238, 204, 205)  hsl(358, 50%, 87%)  Pale Pink
#cdeecc  rgb(205, 238, 204)  hsl(118, 50%, 87%)  Tea Green