#80A2FF

#80a2ff ≈ Cornflower Blue

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

#80a2ff “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 50.2% लाल, 63.53% हरे और 100% नीले से बना है; CMYK प्रिंट में इसमें 49.8% सियान, 36.47% मैजेंटा, 0% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 223.94°, संतृप्ति 100% और चमक 75.1% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 8.53:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Cornflower Blue (#6495ed) है, ΔE 5.41।

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

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

शेड

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

  1. #80a2ff
  2. #7392e6
  3. #6682cc
  4. #5a71b3
  5. #4d6199
  6. #405180
  7. #334166
  8. #26314d
  9. #1a2033
  10. #0d101a
  11. #000000

टिंट

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

  1. #80a2ff
  2. #8dabff
  3. #99b5ff
  4. #a6beff
  5. #b3c7ff
  6. #c0d1ff
  7. #ccdaff
  8. #d9e3ff
  9. #e6ecff
  10. #f2f6ff
  11. #ffffff

टोन

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

  1. #80a2ff
  2. #809ff2
  3. #809be6
  4. #8098d9
  5. #8094cc
  6. #8091c0
  7. #808eb3
  8. #808aa6
  9. #808799
  10. #80838d
  11. #808080

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

अक्रोमैटोप्सिया #a5a5a5 ≈ 0.003% पुरुष
अक्रोमैटोमली #98a4cf ≈ 0.001% पुरुष
प्रोटानोपिया #7eabff ≈ 1.01% पुरुष
ड्यूटेरानोपिया #70a0fd ≈ 1.27% पुरुष
ट्राइटानोपिया #48b6c4 ≈ 0.0001% पुरुष
प्रोटानोमली #7fa8ff ≈ 1.08% पुरुष
ड्यूटेरानोमली #77a1fe ≈ 4.63% पुरुष
ट्राइटानोमली #63aede ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Cornflower Blue
#80a2ff  rgb(128, 162, 255)  hsl(224, 100%, 75%)  Cornflower Blue
#ffdd80  rgb(255, 221, 128)  hsl(44, 100%, 75%)  Jasmine
#ff80a2  rgb(255, 128, 162)  hsl(344, 100%, 75%)  Flamingo Pink
#a2ff80  rgb(162, 255, 128)  hsl(104, 100%, 75%)  Mint Green