ColorTool
लॉग इन
#CCD0F4

#ccd0f4 ≈ Periwinkle

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

#ccd0f4 “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 81.57% हरे और 95.69% नीले से बना है; CMYK प्रिंट में इसमें 16.39% सियान, 14.75% मैजेंटा, 0% पीला और 4.31% काला लगता है। HSL में इसका ह्यू कोण 234°, संतृप्ति 64.52% और चमक 87.84% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.9:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Periwinkle (#ccccff) है, ΔE 3.87।

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

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

पूरक

  1. #ccd0f4
  2. #f4f0cc

विभाजित पूरक

  1. #ccd0f4
  2. #f4dccc
  3. #e4f4cc

समरूप

  1. #cce4f4
  2. #ccd0f4
  3. #dcccf4

त्रिक

  1. #ccd0f4
  2. #f4ccd0
  3. #d0f4cc

चतुष्क

  1. #ccd0f4
  2. #f0ccf4
  3. #f4f0cc
  4. #d0f4cc

वर्ग

  1. #ccd0f4
  2. #f4cce4
  3. #f4f0cc
  4. #ccf4dc

एकरंगी

  1. #4e5cd9
  2. #8d96e6
  3. #ccd0f4
  4. #eef0fb
  5. #eef0fb

शेड

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

  1. #ccd0f4
  2. #b8bbdc
  3. #a3a6c3
  4. #8f92ab
  5. #7a7d92
  6. #66687a
  7. #525362
  8. #3d3e49
  9. #292a31
  10. #141518
  11. #000000

टिंट

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

  1. #ccd0f4
  2. #d1d5f5
  3. #d6d9f6
  4. #dbdef7
  5. #e0e3f8
  6. #e6e8fa
  7. #ebecfb
  8. #f0f1fc
  9. #f5f6fd
  10. #fafafe
  11. #ffffff

टोन

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

  1. #ccd0f4
  2. #c4c8e8
  3. #bdc0dd
  4. #b5b8d1
  5. #aeb0c6
  6. #a6a8ba
  7. #9ea0ae
  8. #9798a3
  9. #8f9097
  10. #88888c
  11. #808080

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

अक्रोमैटोप्सिया #d2d2d2 ≈ 0.003% पुरुष
अक्रोमैटोमली #d0d1e0 ≈ 0.001% पुरुष
प्रोटानोपिया #c7d3f6 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c5d1f3 ≈ 1.27% पुरुष
ट्राइटानोपिया #c3d6dc ≈ 0.0001% पुरुष
प्रोटानोमली #c9d2f5 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c8d0f3 ≈ 4.63% पुरुष
ट्राइटानोमली #c7d4e6 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#ccccff Periwinkle ΔE 3.87 #e6e6fa Lavender ΔE 7.27 #d6cadd Languid Lavender ΔE 8.18 #b0c4de Light Steel Blue ΔE 8.77 #a2add0 Wild Blue Yonder ΔE 9.78 #d8bfd8 Thistle ΔE 11.21 #bcd4e6 Pale Aqua ΔE 11.69 #332f0b उल्टा रंग #d2d2d2 ग्रेस्केल 

Periwinkle
#ccd0f4  rgb(204, 208, 244)  hsl(234, 65%, 88%)  Periwinkle
#f4f0cc  rgb(244, 240, 204)  hsl(54, 65%, 88%)  Light Goldenrod Yellow
#f4ccd0  rgb(244, 204, 208)  hsl(354, 65%, 88%)  Baby Pink
#d0f4cc  rgb(208, 244, 204)  hsl(114, 65%, 88%)  Tea Green