#476A76

#476a76 ≈ Teal Blue

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

#476a76 “आसमानी” परिवार का रंग है; इसकी चमक कम और संतृप्ति हल्की है। RGB मॉडल में यह 27.84% लाल, 41.57% हरे और 46.27% नीले से बना है; CMYK प्रिंट में इसमें 39.83% सियान, 10.17% मैजेंटा, 0% पीला और 53.73% काला लगता है। HSL में इसका ह्यू कोण 195.32°, संतृप्ति 24.87% और चमक 37.06% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 5.85:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Teal Blue (#367588) है, ΔE 5.59।

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

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

शेड

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

  1. #476a76
  2. #405f6a
  3. #39555e
  4. #324a53
  5. #2b4047
  6. #24353b
  7. #1c2a2f
  8. #152023
  9. #0e1518
  10. #070b0c
  11. #000000

टिंट

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

  1. #476a76
  2. #597984
  3. #6c8891
  4. #7e979f
  5. #91a6ad
  6. #a3b5bb
  7. #b5c3c8
  8. #c8d2d6
  9. #dae1e4
  10. #edf0f1
  11. #ffffff

टोन

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

  1. #476a76
  2. #4d6c77
  3. #526e78
  4. #587179
  5. #5e737a
  6. #64757b
  7. #69777c
  8. #6f797d
  9. #757c7e
  10. #7a7e7f
  11. #808080

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

अक्रोमैटोप्सिया #656565 ≈ 0.003% पुरुष
अक्रोमैटोमली #5a676c ≈ 0.001% पुरुष
प्रोटानोपिया #636877 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #5c6276 ≈ 1.27% पुरुष
ट्राइटानोपिया #356e6e ≈ 0.0001% पुरुष
प्रोटानोमली #596976 ≈ 1.08% पुरुष
ड्यूटेरानोमली #546676 ≈ 4.63% पुरुष
ट्राइटानोमली #3d6c71 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-476a76 {
  color: #476a76;
}
बैकग्राउंड
.bg-476a76 {
  background-color: #476a76;
  color: #ffffff;
}
बॉर्डर
.border-476a76 {
  border: 2px solid #476a76;
}
CSS वेरिएबल
:root {
  --color-primary: #476a76;
  --color-primary-rgb: 71 106 118;
  --color-primary-hsl: 195 25% 37%;
}
ग्रेडिएंट
.gradient-476a76 {
  background: linear-gradient(135deg, #476a76, #475376);
}
रंगीन छाया
.shadow-476a76 {
  box-shadow: 0 8px 24px rgb(71 106 118 / 0.35);
}

Teal Blue
#476a76  rgb(71, 106, 118)  hsl(195, 25%, 37%)  Teal Blue
#765347  rgb(118, 83, 71)  hsl(15, 25%, 37%)  Liver
#76476a  rgb(118, 71, 106)  hsl(315, 25%, 37%)  Twilight Lavender
#6a7647  rgb(106, 118, 71)  hsl(75, 25%, 37%)  Dark Olive Green