#3A6784

#3a6784 ≈ Sea Blue

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

#3a6784 “आसमानी” परिवार का रंग है; इसकी चमक कम और संतृप्ति मध्यम है। RGB मॉडल में यह 22.75% लाल, 40.39% हरे और 51.76% नीले से बना है; CMYK प्रिंट में इसमें 56.06% सियान, 21.97% मैजेंटा, 0% पीला और 48.24% काला लगता है। HSL में इसका ह्यू कोण 203.51°, संतृप्ति 38.95% और चमक 37.25% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 6.08:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Sea Blue (#006994) है, ΔE 4.5।

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

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

शेड

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

  1. #3a6784
  2. #345d77
  3. #2e526a
  4. #29485c
  5. #233e4f
  6. #1d3442
  7. #172935
  8. #111f28
  9. #0c151a
  10. #060a0d
  11. #000000

टिंट

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

  1. #3a6784
  2. #4e7690
  3. #61859d
  4. #7595a9
  5. #89a4b5
  6. #9db3c2
  7. #b0c2ce
  8. #c4d1da
  9. #d8e1e6
  10. #ebf0f3
  11. #ffffff

टोन

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

  1. #3a6784
  2. #416a84
  3. #486c83
  4. #4f6f83
  5. #567182
  6. #5d7482
  7. #647682
  8. #6b7981
  9. #727b81
  10. #797e80
  11. #808080

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

अक्रोमैटोप्सिया #626262 ≈ 0.003% पुरुष
अक्रोमैटोमली #556471 ≈ 0.001% पुरुष
प्रोटानोपिया #5a6785 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #505f84 ≈ 1.27% पुरुष
ट्राइटानोपिया #056e71 ≈ 0.0001% पुरुष
प्रोटानोमली #4f6785 ≈ 1.08% पुरुष
ड्यूटेरानोमली #486284 ≈ 4.63% पुरुष
ट्राइटानोमली #246b79 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-3a6784 {
  color: #3a6784;
}
बैकग्राउंड
.bg-3a6784 {
  background-color: #3a6784;
  color: #ffffff;
}
बॉर्डर
.border-3a6784 {
  border: 2px solid #3a6784;
}
CSS वेरिएबल
:root {
  --color-primary: #3a6784;
  --color-primary-rgb: 58 103 132;
  --color-primary-hsl: 204 39% 37%;
}
ग्रेडिएंट
.gradient-3a6784 {
  background: linear-gradient(135deg, #3a6784, #3a4284);
}
रंगीन छाया
.shadow-3a6784 {
  box-shadow: 0 8px 24px rgb(58 103 132 / 0.35);
}

Sea Blue
#3a6784  rgb(58, 103, 132)  hsl(204, 39%, 37%)  Sea Blue
#84573a  rgb(132, 87, 58)  hsl(24, 39%, 37%)  Coffee
#843a67  rgb(132, 58, 103)  hsl(324, 39%, 37%)  Boysenberry
#67843a  rgb(103, 132, 58)  hsl(84, 39%, 37%)  Sap Green