#69A4E9

#69a4e9 ≈ Iceberg

  • आसमानी
  • चमक: अधिक
  • संतृप्ति: तेज़
  • ठंडा

#69a4e9 “आसमानी” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति तेज़ है। RGB मॉडल में यह 41.18% लाल, 64.31% हरे और 91.37% नीले से बना है; CMYK प्रिंट में इसमें 54.94% सियान, 29.61% मैजेंटा, 0% पीला और 8.63% काला लगता है। HSL में इसका ह्यू कोण 212.34°, संतृप्ति 74.42% और चमक 66.27% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 8.09:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Iceberg (#71a6d2) है, ΔE 3.6।

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

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

शेड

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

  1. #69a4e9
  2. #5f94d2
  3. #5483ba
  4. #4a73a3
  5. #3f628c
  6. #355275
  7. #2a425d
  8. #203146
  9. #15212f
  10. #0b1017
  11. #000000

टिंट

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

  1. #69a4e9
  2. #78adeb
  3. #87b6ed
  4. #96bff0
  5. #a5c8f2
  6. #b4d2f4
  7. #c3dbf6
  8. #d2e4f8
  9. #e1edfb
  10. #f0f6fd
  11. #ffffff

टोन

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

  1. #69a4e9
  2. #6ba0df
  3. #6e9dd4
  4. #7099ca
  5. #7296bf
  6. #7592b5
  7. #778eaa
  8. #798ba0
  9. #7b8795
  10. #7e848b
  11. #808080

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

अक्रोमैटोप्सिया #a1a1a1 ≈ 0.003% पुरुष
अक्रोमैटोमली #8ea2c2 ≈ 0.001% पुरुष
प्रोटानोपिया #88a7ec ≈ 1.01% पुरुष
ड्यूटेरानोपिया #779be8 ≈ 1.27% पुरुष
ट्राइटानोपिया #0bb4bc ≈ 0.0001% पुरुष
प्रोटानोमली #7da6eb ≈ 1.08% पुरुष
ड्यूटेरानोमली #729fe8 ≈ 4.63% पुरुष
ट्राइटानोमली #44aed0 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-69a4e9 {
  color: #69a4e9;
}
बैकग्राउंड
.bg-69a4e9 {
  background-color: #69a4e9;
  color: #000000;
}
बॉर्डर
.border-69a4e9 {
  border: 2px solid #69a4e9;
}
CSS वेरिएबल
:root {
  --color-primary: #69a4e9;
  --color-primary-rgb: 105 164 233;
  --color-primary-hsl: 212 74% 66%;
}
ग्रेडिएंट
.gradient-69a4e9 {
  background: linear-gradient(135deg, #69a4e9, #6e69e9);
}
रंगीन छाया
.shadow-69a4e9 {
  box-shadow: 0 8px 24px rgb(105 164 233 / 0.35);
}

Iceberg
#69a4e9  rgb(105, 164, 233)  hsl(212, 74%, 66%)  Iceberg
#e9ae69  rgb(233, 174, 105)  hsl(32, 74%, 66%)  Fawn
#e969a4  rgb(233, 105, 164)  hsl(332, 74%, 66%)  Thulian Pink
#a4e969  rgb(164, 233, 105)  hsl(92, 74%, 66%)  Inchworm