ColorTool
लॉग इन
#337ABA

#337aba ≈ Tufts Blue

  • आसमानी
  • चमक: मध्यम
  • संतृप्ति: तेज़
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#337aba “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 20% लाल, 47.84% हरे और 72.94% नीले से बना है; CMYK प्रिंट में इसमें 72.58% सियान, 34.41% मैजेंटा, 0% पीला और 27.06% काला लगता है। HSL में इसका ह्यू कोण 208.44°, संतृप्ति 56.96% और चमक 46.47% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.63:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 2.39।

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

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

पूरक

  1. #337aba
  2. #ba7333

विभाजित पूरक

  1. #337aba
  2. #ba3337
  3. #bab633

समरूप

  1. #33bab6
  2. #337aba
  3. #3337ba

त्रिक

  1. #337aba
  2. #ba337a
  3. #7aba33

चतुष्क

  1. #337aba
  2. #7333ba
  3. #ba7333
  4. #7aba33

वर्ग

  1. #337aba
  2. #b633ba
  3. #ba7333
  4. #37ba33

एकरंगी

  1. #122b42
  2. #23537e
  3. #337aba
  4. #65a0d5
  5. #a1c5e5

शेड

#337aba में धीरे-धीरे काला मिलाया गया।

  1. #337aba
  2. #2e6ea7
  3. #296295
  4. #245582
  5. #1f4970
  6. #1a3d5d
  7. #14314a
  8. #0f2538
  9. #0a1825
  10. #050c13
  11. #000000

टिंट

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

  1. #337aba
  2. #4787c1
  3. #5c95c8
  4. #70a2cf
  5. #85afd6
  6. #99bddd
  7. #adcae3
  8. #c2d7ea
  9. #d6e4f1
  10. #ebf2f8
  11. #ffffff

टोन

#337aba में धीरे-धीरे ग्रे मिलाया गया।

  1. #337aba
  2. #3b7bb4
  3. #427bae
  4. #4a7ca9
  5. #527ca3
  6. #5a7d9d
  7. #617e97
  8. #697e91
  9. #717f8c
  10. #787f86
  11. #808080

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

अक्रोमैटोप्सिया #767676 ≈ 0.003% पुरुष
अक्रोमैटोमली #627896 ≈ 0.001% पुरुष
प्रोटानोपिया #5d7dbd ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4a70b9 ≈ 1.27% पुरुष
ट्राइटानोपिया #008991 ≈ 0.0001% पुरुष
प्रोटानोमली #4f7cbc ≈ 1.08% पुरुष
ड्यूटेरानोमली #4274b9 ≈ 4.63% पुरुष
ट्राइटानोमली #0083a3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-337aba {
  color: #337aba;
}
बैकग्राउंड
.bg-337aba {
  background-color: #337aba;
  color: #000000;
}
बॉर्डर
.border-337aba {
  border: 2px solid #337aba;
}
CSS वेरिएबल
:root {
  --color-primary: #337aba;
  --color-primary-rgb: 51 122 186;
  --color-primary-hsl: 208 57% 46%;
}
ग्रेडिएंट
.gradient-337aba {
  background: linear-gradient(135deg, #337aba, #3337ba);
}
रंगीन छाया
.shadow-337aba {
  box-shadow: 0 8px 24px rgb(51 122 186 / 0.35);
}

#417dc1 Tufts Blue ΔE 2.39 #0073cf True Blue ΔE 3.20 #4682b4 Steel Blue ΔE 3.39 #0072bb French Blue ΔE 3.45 #6082b6 Glaucous ΔE 6.87 #436b95 Queen Blue ΔE 7.07 #007ba7 Cerulean ΔE 7.32 #cc8545 उल्टा रंग #767676 ग्रेस्केल 

Tufts Blue
#337aba  rgb(51, 122, 186)  hsl(208, 57%, 46%)  Tufts Blue
#ba7333  rgb(186, 115, 51)  hsl(28, 57%, 46%)  Copper
#ba337a  rgb(186, 51, 122)  hsl(328, 57%, 46%)  Medium Violet Red
#7aba33  rgb(122, 186, 51)  hsl(88, 57%, 46%)  Kelly Green