ColorTool
लॉग इन
#BBDFD8

#bbdfd8 ≈ Powder Blue

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

#bbdfd8 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 73.33% लाल, 87.45% हरे और 84.71% नीले से बना है; CMYK प्रिंट में इसमें 16.14% सियान, 0% मैजेंटा, 3.14% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 168.33°, संतृप्ति 36% और चमक 80.39% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.66:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Powder Blue (#b0e0e6) है, ΔE 5.68।

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

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

पूरक

  1. #bbdfd8
  2. #dfbbc2

विभाजित पूरक

  1. #bbdfd8
  2. #dfbbd4
  3. #dfc6bb

समरूप

  1. #bbdfc6
  2. #bbdfd8
  3. #bbd4df

त्रिक

  1. #bbdfd8
  2. #d8bbdf
  3. #dfd8bb

चतुष्क

  1. #bbdfd8
  2. #bbc2df
  3. #dfbbc2
  4. #dfd8bb

वर्ग

  1. #bbdfd8
  2. #c6bbdf
  3. #dfbbc2
  4. #d4dfbb

एकरंगी

  1. #53ae9c
  2. #87c7ba
  3. #bbdfd8
  4. #eff7f6
  5. #f1f8f7

शेड

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

  1. #bbdfd8
  2. #a8c9c2
  3. #96b2ad
  4. #839c97
  5. #708682
  6. #5e706c
  7. #4b5956
  8. #384341
  9. #252d2b
  10. #131616
  11. #000000

टिंट

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

  1. #bbdfd8
  2. #c2e2dc
  3. #c9e5e0
  4. #cfe9e4
  5. #d6ece8
  6. #ddefec
  7. #e4f2ef
  8. #ebf5f3
  9. #f1f9f7
  10. #f8fcfb
  11. #ffffff

टोन

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

  1. #bbdfd8
  2. #b5d6cf
  3. #afccc6
  4. #a9c3be
  5. #a3b9b5
  6. #9eb0ac
  7. #98a6a3
  8. #929d9a
  9. #8c9392
  10. #868a89
  11. #808080

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

अक्रोमैटोप्सिया #d7d7d7 ≈ 0.003% पुरुष
अक्रोमैटोमली #cddbd8 ≈ 0.001% पुरुष
प्रोटानोपिया #dbdbd8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d4d5d9 ≈ 1.27% पुरुष
ट्राइटानोपिया #b2e1dd ≈ 0.0001% पुरुष
प्रोटानोमली #cfdcd8 ≈ 1.08% पुरुष
ड्यूटेरानोमली #cbd9d8 ≈ 4.63% पुरुष
ट्राइटानोमली #b6e0db ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#b0e0e6 Powder Blue ΔE 5.68 #afeeee Pale Turquoise ΔE 6.39 #a8c3bc Opal ΔE 6.87 #e0ffff Light Cyan ΔE 8.08 #add8e6 Light Blue ΔE 8.98 #a4dded Non-Photo Blue ΔE 9.54 #b2ffff Celeste ΔE 9.61 #442027 उल्टा रंग #d7d7d7 ग्रेस्केल 

Powder Blue
#bbdfd8  rgb(187, 223, 216)  hsl(168, 36%, 80%)  Powder Blue
#dfbbc2  rgb(223, 187, 194)  hsl(348, 36%, 80%)  Baby Pink
#d8bbdf  rgb(216, 187, 223)  hsl(288, 36%, 80%)  Thistle
#dfd8bb  rgb(223, 216, 187)  hsl(48, 36%, 80%)  Pearl