#BEE2DD

#bee2dd ≈ Powder Blue

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

#bee2dd “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 74.51% लाल, 88.63% हरे और 86.67% नीले से बना है; CMYK प्रिंट में इसमें 15.93% सियान, 0% मैजेंटा, 2.21% पीला और 11.37% काला लगता है। HSL में इसका ह्यू कोण 171.67°, संतृप्ति 38.3% और चमक 81.57% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.11:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Powder Blue (#b0e0e6) है, ΔE 4.97।

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

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

शेड

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

  1. #bee2dd
  2. #abcbc7
  3. #98b5b1
  4. #859e9b
  5. #728885
  6. #5f716f
  7. #4c5a58
  8. #394442
  9. #262d2c
  10. #131716
  11. #000000

टिंट

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

  1. #bee2dd
  2. #c5e5e0
  3. #cbe8e4
  4. #d2ebe7
  5. #d8eeeb
  6. #dff1ee
  7. #e5f3f1
  8. #ecf6f5
  9. #f2f9f8
  10. #f9fcfc
  11. #ffffff

टोन

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

  1. #bee2dd
  2. #b8d8d4
  3. #b2ceca
  4. #abc5c1
  5. #a5bbb8
  6. #9fb1af
  7. #99a7a5
  8. #939d9c
  9. #8c9493
  10. #868a89
  11. #808080

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

अक्रोमैटोप्सिया #dbdbdb ≈ 0.003% पुरुष
अक्रोमैटोमली #d0dedc ≈ 0.001% पुरुष
प्रोटानोपिया #dededd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d7d8de ≈ 1.27% पुरुष
ट्राइटानोपिया #b4e4e0 ≈ 0.0001% पुरुष
प्रोटानोमली #d2dfdd ≈ 1.08% पुरुष
ड्यूटेरानोमली #cddcdd ≈ 4.63% पुरुष
ट्राइटानोमली #b8e3df ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Powder Blue
#bee2dd  rgb(190, 226, 221)  hsl(172, 38%, 82%)  Powder Blue
#e2bec3  rgb(226, 190, 195)  hsl(352, 38%, 82%)  Baby Pink
#ddbee2  rgb(221, 190, 226)  hsl(292, 38%, 82%)  Thistle
#e2ddbe  rgb(226, 221, 190)  hsl(52, 38%, 82%)  Pearl