ColorTool
लॉग इन
#BDBAE3

#bdbae3 ≈ Periwinkle

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

#bdbae3 “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 74.12% लाल, 72.94% हरे और 89.02% नीले से बना है; CMYK प्रिंट में इसमें 16.74% सियान, 18.06% मैजेंटा, 0% पीला और 10.98% काला लगता है। HSL में इसका ह्यू कोण 244.39°, संतृप्ति 42.27% और चमक 80.98% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.3:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Periwinkle (#ccccff) है, ΔE 5.33।

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

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

पूरक

  1. #bdbae3
  2. #e0e3ba

विभाजित पूरक

  1. #bdbae3
  2. #e3d1ba
  3. #cbe3ba

समरूप

  1. #bacbe3
  2. #bdbae3
  3. #d1bae3

त्रिक

  1. #bdbae3
  2. #e3bdba
  3. #bae3bd

चतुष्क

  1. #bdbae3
  2. #e3bae0
  3. #e0e3ba
  4. #bae3bd

वर्ग

  1. #bdbae3
  2. #e3bacb
  3. #e0e3ba
  4. #bae3d1

एकरंगी

  1. #554db7
  2. #8984cd
  3. #bdbae3
  4. #f1f0f9
  5. #f1f0f9

शेड

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

  1. #bdbae3
  2. #aaa7cc
  3. #9795b6
  4. #84829f
  5. #717088
  6. #5f5d72
  7. #4c4a5b
  8. #393844
  9. #26252d
  10. #131317
  11. #000000

टिंट

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

  1. #bdbae3
  2. #c4c1e6
  3. #cac8e9
  4. #d1cfeb
  5. #d7d6ee
  6. #deddf1
  7. #e5e3f4
  8. #ebeaf7
  9. #f2f1f9
  10. #f8f8fc
  11. #ffffff

टोन

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

  1. #bdbae3
  2. #b7b4d9
  3. #b1aecf
  4. #aba9c5
  5. #a5a3bb
  6. #9f9db2
  7. #9897a8
  8. #92919e
  9. #8c8c94
  10. #86868a
  11. #808080

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

अक्रोमैटोप्सिया #bebebe ≈ 0.003% पुरुष
अक्रोमैटोमली #bebcce ≈ 0.001% पुरुष
प्रोटानोपिया #b1bfe5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b0bde2 ≈ 1.27% पुरुष
ट्राइटानोपिया #b5c1c8 ≈ 0.0001% पुरुष
प्रोटानोमली #b6bde4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #b5bce2 ≈ 4.63% पुरुष
ट्राइटानोमली #b8bed3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#ccccff Periwinkle ΔE 5.33 #a2add0 Wild Blue Yonder ΔE 6.88 #d6cadd Languid Lavender ΔE 8.88 #d8bfd8 Thistle ΔE 9.36 #b0c4de Light Steel Blue ΔE 10.56 #c9a0dc Wisteria ΔE 10.60 #e0b0ff Mauve ΔE 11.10 #42451c उल्टा रंग #bebebe ग्रेस्केल 

Periwinkle
#bdbae3  rgb(189, 186, 227)  hsl(244, 42%, 81%)  Periwinkle
#e0e3ba  rgb(224, 227, 186)  hsl(64, 42%, 81%)  Light Goldenrod Yellow
#e3bdba  rgb(227, 189, 186)  hsl(4, 42%, 81%)  Baby Pink
#bae3bd  rgb(186, 227, 189)  hsl(124, 42%, 81%)  Celadon