#BFBBDD

#bfbbdd ≈ Periwinkle

  • नीला
  • चमक: अधिक
  • संतृप्ति: हल्की
  • ठंडा

#bfbbdd “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 74.9% लाल, 73.33% हरे और 86.67% नीले से बना है; CMYK प्रिंट में इसमें 13.57% सियान, 15.38% मैजेंटा, 0% पीला और 13.33% काला लगता है। HSL में इसका ह्यू कोण 247.06°, संतृप्ति 33.33% और चमक 80% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.37:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Periwinkle (#ccccff) है, ΔE 6.52।

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

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

शेड

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

  1. #bfbbdd
  2. #aca8c7
  3. #9996b1
  4. #86839b
  5. #737085
  6. #605e6f
  7. #4c4b58
  8. #393842
  9. #26252c
  10. #131316
  11. #000000

टिंट

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

  1. #bfbbdd
  2. #c5c2e0
  3. #ccc9e4
  4. #d2cfe7
  5. #d9d6eb
  6. #dfddee
  7. #e5e4f1
  8. #ecebf5
  9. #f2f1f8
  10. #f9f8fc
  11. #ffffff

टोन

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

  1. #bfbbdd
  2. #b9b5d4
  3. #b2afca
  4. #aca9c1
  5. #a6a3b8
  6. #a09eaf
  7. #9998a5
  8. #93929c
  9. #8d8c93
  10. #868689
  11. #808080

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

अक्रोमैटोप्सिया #bfbfbf ≈ 0.003% पुरुष
अक्रोमैटोमली #bfbdcb ≈ 0.001% पुरुष
प्रोटानोपिया #b4bfdf ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b4bedc ≈ 1.27% पुरुष
ट्राइटानोपिया #b9c0c6 ≈ 0.0001% पुरुष
प्रोटानोमली #b8bede ≈ 1.08% पुरुष
ड्यूटेरानोमली #b8bddc ≈ 4.63% पुरुष
ट्राइटानोमली #bcbed0 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-bfbbdd {
  color: #bfbbdd;
}
बैकग्राउंड
.bg-bfbbdd {
  background-color: #bfbbdd;
  color: #000000;
}
बॉर्डर
.border-bfbbdd {
  border: 2px solid #bfbbdd;
}
CSS वेरिएबल
:root {
  --color-primary: #bfbbdd;
  --color-primary-rgb: 191 187 221;
  --color-primary-hsl: 247 33% 80%;
}
ग्रेडिएंट
.gradient-bfbbdd {
  background: linear-gradient(135deg, #bfbbdd, #d0bbdd);
}
रंगीन छाया
.shadow-bfbbdd {
  box-shadow: 0 8px 24px rgb(191 187 221 / 0.35);
}

Periwinkle
#bfbbdd  rgb(191, 187, 221)  hsl(247, 33%, 80%)  Periwinkle
#d9ddbb  rgb(217, 221, 187)  hsl(67, 33%, 80%)  Beige
#ddbfbb  rgb(221, 191, 187)  hsl(7, 33%, 80%)  Silver Pink
#bbddbf  rgb(187, 221, 191)  hsl(127, 33%, 80%)  Celadon