ColorTool
लॉग इन
#BAF4FF

#baf4ff ≈ Powder Blue

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

#baf4ff “सियान” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 72.94% लाल, 95.69% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 27.06% सियान, 4.31% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 189.57°, संतृप्ति 100% और चमक 86.47% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 17.47:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Powder Blue (#b0e0e6) है, ΔE 4.71।

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

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

पूरक

  1. #baf4ff
  2. #ffc5ba

विभाजित पूरक

  1. #baf4ff
  2. #ffbad1
  3. #ffe8ba

समरूप

  1. #baffe8
  2. #baf4ff
  3. #bad1ff

त्रिक

  1. #baf4ff
  2. #ffbaf4
  3. #f4ffba

चतुष्क

  1. #baf4ff
  2. #c5baff
  3. #ffc5ba
  4. #f4ffba

वर्ग

  1. #baf4ff
  2. #e8baff
  3. #ffc5ba
  4. #d1ffba

एकरंगी

  1. #21dcff
  2. #6de8ff
  3. #baf4ff
  4. #ebfcff
  5. #ebfcff

शेड

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

  1. #baf4ff
  2. #a7dce6
  3. #95c3cc
  4. #82abb3
  5. #709299
  6. #5d7a80
  7. #4a6266
  8. #38494d
  9. #253133
  10. #13181a
  11. #000000

टिंट

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

  1. #baf4ff
  2. #c1f5ff
  3. #c8f6ff
  4. #cff7ff
  5. #d6f8ff
  6. #ddfaff
  7. #e3fbff
  8. #eafcff
  9. #f1fdff
  10. #f8feff
  11. #ffffff

टोन

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

  1. #baf4ff
  2. #b4e8f2
  3. #aedde6
  4. #a9d1d9
  5. #a3c6cc
  6. #9dbac0
  7. #97aeb3
  8. #91a3a6
  9. #8c9799
  10. #868c8d
  11. #808080

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

अक्रोमैटोप्सिया #eaeaea ≈ 0.003% पुरुष
अक्रोमैटोमली #d9eef3 ≈ 0.001% पुरुष
प्रोटानोपिया #eaefff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #dee6ff ≈ 1.27% पुरुष
ट्राइटानोपिया #a3f9f7 ≈ 0.0001% पुरुष
प्रोटानोमली #d8f1ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #d1ecff ≈ 4.63% पुरुष
ट्राइटानोमली #adf7fa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#b0e0e6 Powder Blue ΔE 4.71 #afeeee Pale Turquoise ΔE 5.03 #a4dded Non-Photo Blue ΔE 5.41 #b2ffff Celeste ΔE 6.12 #add8e6 Light Blue ΔE 6.86 #e0ffff Light Cyan ΔE 7.18 #7df9ff Electric Blue ΔE 8.78 #450b00 उल्टा रंग #eaeaea ग्रेस्केल 

Powder Blue
#baf4ff  rgb(186, 244, 255)  hsl(190, 100%, 86%)  Powder Blue
#ffc5ba  rgb(255, 197, 186)  hsl(10, 100%, 86%)  Melon
#ffbaf4  rgb(255, 186, 244)  hsl(310, 100%, 86%)  Plum
#f4ffba  rgb(244, 255, 186)  hsl(70, 100%, 86%)  Cream