ColorTool
लॉग इन
#CDCCFC

#cdccfc ≈ Periwinkle

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

#cdccfc “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80.39% लाल, 80% हरे और 98.82% नीले से बना है; CMYK प्रिंट में इसमें 18.65% सियान, 19.05% मैजेंटा, 0% पीला और 1.18% काला लगता है। HSL में इसका ह्यू कोण 241.25°, संतृप्ति 88.89% और चमक 89.41% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.64:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Periwinkle (#ccccff) है, ΔE 0.86।

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

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

पूरक

  1. #cdccfc
  2. #fbfccc

विभाजित पूरक

  1. #cdccfc
  2. #fce5cc
  3. #e3fccc

समरूप

  1. #cce3fc
  2. #cdccfc
  3. #e5ccfc

त्रिक

  1. #cdccfc
  2. #fccdcc
  3. #ccfccd

चतुष्क

  1. #cdccfc
  2. #fcccfb
  3. #fbfccc
  4. #ccfccd

वर्ग

  1. #cdccfc
  2. #fccce3
  3. #fbfccc
  4. #ccfce5

एकरंगी

  1. #3f3bf4
  2. #8684f8
  3. #cdccfc
  4. #ececfe
  5. #ececfe

शेड

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

  1. #cdccfc
  2. #b9b8e3
  3. #a4a3ca
  4. #908fb0
  5. #7b7a97
  6. #67667e
  7. #525265
  8. #3e3d4c
  9. #292932
  10. #151419
  11. #000000

टिंट

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

  1. #cdccfc
  2. #d2d1fc
  3. #d7d6fd
  4. #dcdbfd
  5. #e1e0fd
  6. #e6e6fe
  7. #ebebfe
  8. #f0f0fe
  9. #f5f5fe
  10. #fafaff
  11. #ffffff

टोन

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

  1. #cdccfc
  2. #c5c4f0
  3. #bebde3
  4. #b6b5d7
  5. #aeaeca
  6. #a7a6be
  7. #9f9eb2
  8. #9797a5
  9. #8f8f99
  10. #88888c
  11. #808080

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

अक्रोमैटोप्सिया #d0d0d0 ≈ 0.003% पुरुष
अक्रोमैटोमली #cfcfe3 ≈ 0.001% पुरुष
प्रोटानोपिया #c0d2fe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #bfcffb ≈ 1.27% पुरुष
ट्राइटानोपिया #c3d4dc ≈ 0.0001% पुरुष
प्रोटानोमली #c6cffd ≈ 1.08% पुरुष
ड्यूटेरानोमली #c5cefb ≈ 4.63% पुरुष
ट्राइटानोमली #c7d1ea ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#ccccff Periwinkle ΔE 0.86 #d6cadd Languid Lavender ΔE 9.75 #e6e6fa Lavender ΔE 10.11 #a2add0 Wild Blue Yonder ΔE 10.17 #b0c4de Light Steel Blue ΔE 10.48 #d8bfd8 Thistle ΔE 10.96 #e0b0ff Mauve ΔE 11.34 #323303 उल्टा रंग #d0d0d0 ग्रेस्केल 

Periwinkle
#cdccfc  rgb(205, 204, 252)  hsl(241, 89%, 89%)  Periwinkle
#fbfccc  rgb(251, 252, 204)  hsl(61, 89%, 89%)  Cream
#fccdcc  rgb(252, 205, 204)  hsl(1, 89%, 89%)  Baby Pink
#ccfccd  rgb(204, 252, 205)  hsl(121, 89%, 89%)  Tea Green