ColorTool
लॉग इन
#CCC3D0

#ccc3d0 ≈ Languid Lavender

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

#ccc3d0 “मैजेंटा” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 80% लाल, 76.47% हरे और 81.57% नीले से बना है; CMYK प्रिंट में इसमें 1.92% सियान, 6.25% मैजेंटा, 0% पीला और 18.43% काला लगता है। HSL में इसका ह्यू कोण 281.54°, संतृप्ति 12.15% और चमक 79.02% है। यह एक ठंडा रंग है, जो अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.28:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Languid Lavender (#d6cadd) है, ΔE 3.31।

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

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

पूरक

  1. #ccc3d0
  2. #c7d0c3

विभाजित पूरक

  1. #ccc3d0
  2. #ced0c3
  3. #c3d0c6

समरूप

  1. #c6c3d0
  2. #ccc3d0
  3. #d0c3ce

त्रिक

  1. #ccc3d0
  2. #d0ccc3
  3. #c3d0cc

चतुष्क

  1. #ccc3d0
  2. #d0c3c7
  3. #c7d0c3
  4. #c3d0cc

वर्ग

  1. #ccc3d0
  2. #d0c6c3
  3. #c7d0c3
  4. #c3ced0

एकरंगी

  1. #836e8c
  2. #a898ae
  3. #ccc3d0
  4. #f0eef2
  5. #f5f4f6

शेड

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

  1. #ccc3d0
  2. #b8b0bb
  3. #a39ca6
  4. #8f8992
  5. #7a757d
  6. #666268
  7. #524e53
  8. #3d3b3e
  9. #29272a
  10. #141415
  11. #000000

टिंट

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

  1. #ccc3d0
  2. #d1c9d5
  3. #d6cfd9
  4. #dbd5de
  5. #e0dbe3
  6. #e6e1e8
  7. #ebe7ec
  8. #f0edf1
  9. #f5f3f6
  10. #faf9fa
  11. #ffffff

टोन

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

  1. #ccc3d0
  2. #c4bcc8
  3. #bdb6c0
  4. #b5afb8
  5. #aea8b0
  6. #a6a2a8
  7. #9e9ba0
  8. #979498
  9. #8f8d90
  10. #888788
  11. #808080

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

अक्रोमैटोप्सिया #c6c6c6 ≈ 0.003% पुरुष
अक्रोमैटोमली #c8c5ca ≈ 0.001% पुरुष
प्रोटानोपिया #c2c5d1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c3c6d0 ≈ 1.27% पुरुष
ट्राइटानोपिया #ccc4c7 ≈ 0.0001% पुरुष
प्रोटानोमली #c6c4d0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c7c5d0 ≈ 4.63% पुरुष
ट्राइटानोमली #ccc4cb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#d6cadd Languid Lavender ΔE 3.31 #d8bfd8 Thistle ΔE 7.09 #c0c0c0 Silver ΔE 8.20 #d3d3d3 Light Gray ΔE 8.67 #d3d3d3 Light Grey ΔE 8.67 #e6e6fa Lavender ΔE 8.98 #c4aead Silver Pink ΔE 9.05 #333c2f उल्टा रंग #c6c6c6 ग्रेस्केल 

Languid Lavender
#ccc3d0  rgb(204, 195, 208)  hsl(282, 12%, 79%)  Languid Lavender
#c7d0c3  rgb(199, 208, 195)  hsl(102, 12%, 79%)  Ash Gray
#d0ccc3  rgb(208, 204, 195)  hsl(42, 12%, 79%)  Timberwolf
#c3d0cc  rgb(195, 208, 204)  hsl(162, 12%, 79%)  Ash Gray