#3A87BF

#3a87bf ≈ Steel Blue

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

#3a87bf “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 22.75% लाल, 52.94% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 69.63% सियान, 29.32% मैजेंटा, 0% पीला और 25.1% काला लगता है। HSL में इसका ह्यू कोण 205.26°, संतृप्ति 53.41% और चमक 48.82% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.4:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 2.46।

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

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

शेड

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

  1. #3a87bf
  2. #347aac
  3. #2e6c99
  4. #295f86
  5. #235173
  6. #1d4460
  7. #17364c
  8. #112939
  9. #0c1b26
  10. #060e13
  11. #000000

टिंट

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

  1. #3a87bf
  2. #4e93c5
  3. #619fcc
  4. #75abd2
  5. #89b7d9
  6. #9dc3df
  7. #b0cfe5
  8. #c4dbec
  9. #d8e7f2
  10. #ebf3f9
  11. #ffffff

टोन

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

  1. #3a87bf
  2. #4186b9
  3. #4886b2
  4. #4f85ac
  5. #5684a6
  6. #5d84a0
  7. #648399
  8. #6b8293
  9. #72818d
  10. #798186
  11. #808080

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

अक्रोमैटोप्सिया #818181 ≈ 0.003% पुरुष
अक्रोमैटोमली #6c839e ≈ 0.001% पुरुष
प्रोटानोपिया #6e88c1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5b7bbe ≈ 1.27% पुरुष
ट्राइटानोपिया #00959b ≈ 0.0001% पुरुष
प्रोटानोमली #5d88c0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #5080be ≈ 4.63% पुरुष
ट्राइटानोमली #008faa ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-3a87bf {
  color: #3a87bf;
}
बैकग्राउंड
.bg-3a87bf {
  background-color: #3a87bf;
  color: #000000;
}
बॉर्डर
.border-3a87bf {
  border: 2px solid #3a87bf;
}
CSS वेरिएबल
:root {
  --color-primary: #3a87bf;
  --color-primary-rgb: 58 135 191;
  --color-primary-hsl: 205 53% 49%;
}
ग्रेडिएंट
.gradient-3a87bf {
  background: linear-gradient(135deg, #3a87bf, #3a45bf);
}
रंगीन छाया
.shadow-3a87bf {
  box-shadow: 0 8px 24px rgb(58 135 191 / 0.35);
}

Steel Blue
#3a87bf  rgb(58, 135, 191)  hsl(205, 53%, 49%)  Steel Blue
#bf723a  rgb(191, 114, 58)  hsl(25, 53%, 49%)  Copper
#bf3a87  rgb(191, 58, 135)  hsl(325, 53%, 49%)  Medium Violet Red
#87bf3a  rgb(135, 191, 58)  hsl(85, 53%, 49%)  Yellow Green