ColorTool
लॉग इन
#B4E7F8

#b4e7f8 ≈ Non-Photo Blue

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

#b4e7f8 “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 70.59% लाल, 90.59% हरे और 97.25% नीले से बना है; CMYK प्रिंट में इसमें 27.42% सियान, 6.85% मैजेंटा, 0% पीला और 2.75% काला लगता है। HSL में इसका ह्यू कोण 195°, संतृप्ति 82.93% और चमक 83.92% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.73:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Non-Photo Blue (#a4dded) है, ΔE 2.9।

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

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

पूरक

  1. #b4e7f8
  2. #f8c5b4

विभाजित पूरक

  1. #b4e7f8
  2. #f8b4c5
  3. #f8e7b4

समरूप

  1. #b4f8e7
  2. #b4e7f8
  3. #b4c5f8

त्रिक

  1. #b4e7f8
  2. #f8b4e7
  3. #e7f8b4

चतुष्क

  1. #b4e7f8
  2. #c5b4f8
  3. #f8c5b4
  4. #e7f8b4

वर्ग

  1. #b4e7f8
  2. #e7b4f8
  3. #f8c5b4
  4. #c5f8b4

एकरंगी

  1. #28baeb
  2. #6ed1f1
  3. #b4e7f8
  4. #ecf9fd
  5. #ecf9fd

शेड

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

  1. #b4e7f8
  2. #a2d0df
  3. #90b9c6
  4. #7ea2ae
  5. #6c8b95
  6. #5a747c
  7. #485c63
  8. #36454a
  9. #242e32
  10. #121719
  11. #000000

टिंट

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

  1. #b4e7f8
  2. #bce9f9
  3. #c3ecf9
  4. #cbeefa
  5. #d2f1fb
  6. #daf3fc
  7. #e1f5fc
  8. #e9f8fd
  9. #f0fafe
  10. #f8fdfe
  11. #ffffff

टोन

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

  1. #b4e7f8
  2. #afddec
  3. #aad2e0
  4. #a4c8d4
  5. #9fbec8
  6. #9ab4bc
  7. #95a9b0
  8. #909fa4
  9. #8a9598
  10. #858a8c
  11. #808080

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

अक्रोमैटोप्सिया #dfdfdf ≈ 0.003% पुरुष
अक्रोमैटोमली #cfe2e9 ≈ 0.001% पुरुष
प्रोटानोपिया #dce4f9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d2dbf8 ≈ 1.27% पुरुष
ट्राइटानोपिया #9eedec ≈ 0.0001% पुरुष
प्रोटानोमली #cde5f9 ≈ 1.08% पुरुष
ड्यूटेरानोमली #c6e0f8 ≈ 4.63% पुरुष
ट्राइटानोमली #a7ebf1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#a4dded Non-Photo Blue ΔE 2.90 #add8e6 Light Blue ΔE 3.57 #b0e0e6 Powder Blue ΔE 4.58 #b9d9eb Columbia Blue ΔE 5.48 #87ceeb Sky Blue ΔE 7.59 #89cff0 Baby Blue ΔE 7.84 #afeeee Pale Turquoise ΔE 7.93 #4b1807 उल्टा रंग #dfdfdf ग्रेस्केल 

Non-Photo Blue
#b4e7f8  rgb(180, 231, 248)  hsl(195, 83%, 84%)  Non-Photo Blue
#f8c5b4  rgb(248, 197, 180)  hsl(15, 83%, 84%)  Zinnwaldite
#f8b4e7  rgb(248, 180, 231)  hsl(315, 83%, 84%)  Plum
#e7f8b4  rgb(231, 248, 180)  hsl(75, 83%, 84%)  Tea Green