ColorTool
लॉग इन
#337FCD

#337fcd ≈ Tufts Blue

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

#337fcd “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 20% लाल, 49.8% हरे और 80.39% नीले से बना है; CMYK प्रिंट में इसमें 75.12% सियान, 38.05% मैजेंटा, 0% पीला और 19.61% काला लगता है। HSL में इसका ह्यू कोण 210.39°, संतृप्ति 60.63% और चमक 50.2% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.06:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 1.71।

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

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

पूरक

  1. #337fcd
  2. #cd8133

विभाजित पूरक

  1. #337fcd
  2. #cd3433
  3. #cccd33

समरूप

  1. #33cccd
  2. #337fcd
  3. #3433cd

त्रिक

  1. #337fcd
  2. #cd337f
  3. #7fcd33

चतुष्क

  1. #337fcd
  2. #8133cd
  3. #cd8133
  4. #7fcd33

वर्ग

  1. #337fcd
  2. #cd33cc
  3. #cd8133
  4. #33cd34

एकरंगी

  1. #143353
  2. #235990
  3. #337fcd
  4. #70a6dc
  5. #aecceb

शेड

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

  1. #337fcd
  2. #2e72b9
  3. #2966a4
  4. #245990
  5. #1f4c7b
  6. #1a4067
  7. #143352
  8. #0f263e
  9. #0a1929
  10. #050d15
  11. #000000

टिंट

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

  1. #337fcd
  2. #478cd2
  3. #5c99d7
  4. #70a5dc
  5. #85b2e1
  6. #99bfe6
  7. #adcceb
  8. #c2d9f0
  9. #d6e5f5
  10. #ebf2fa
  11. #ffffff

टोन

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

  1. #337fcd
  2. #3b7fc5
  3. #427fbe
  4. #4a7fb6
  5. #527fae
  6. #5a80a7
  7. #61809f
  8. #698097
  9. #71808f
  10. #788088
  11. #808080

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

अक्रोमैटोप्सिया #7c7c7c ≈ 0.003% पुरुष
अक्रोमैटोमली #677da3 ≈ 0.001% पुरुष
प्रोटानोपिया #5a84d0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4376cb ≈ 1.27% पुरुष
ट्राइटानोपिया #00919c ≈ 0.0001% पुरुष
प्रोटानोमली #4e82cf ≈ 1.08% पुरुष
ड्यूटेरानोमली #3d7acc ≈ 4.63% पुरुष
ट्राइटानोमली #008ab2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-337fcd {
  color: #337fcd;
}
बैकग्राउंड
.bg-337fcd {
  background-color: #337fcd;
  color: #000000;
}
बॉर्डर
.border-337fcd {
  border: 2px solid #337fcd;
}
CSS वेरिएबल
:root {
  --color-primary: #337fcd;
  --color-primary-rgb: 51 127 205;
  --color-primary-hsl: 210 61% 50%;
}
ग्रेडिएंट
.gradient-337fcd {
  background: linear-gradient(135deg, #337fcd, #3433cd);
}
रंगीन छाया
.shadow-337fcd {
  box-shadow: 0 8px 24px rgb(51 127 205 / 0.35);
}

#417dc1 Tufts Blue ΔE 1.71 #4682b4 Steel Blue ΔE 3.26 #0073cf True Blue ΔE 4.42 #318ce7 Bleu de France ΔE 5.07 #0072bb French Blue ΔE 5.86 #6082b6 Glaucous ΔE 6.09 #1e90ff Dodger Blue ΔE 7.27 #cc8032 उल्टा रंग #7c7c7c ग्रेस्केल 

Tufts Blue
#337fcd  rgb(51, 127, 205)  hsl(210, 61%, 50%)  Tufts Blue
#cd8133  rgb(205, 129, 51)  hsl(30, 61%, 50%)  Bronze
#cd337f  rgb(205, 51, 127)  hsl(330, 61%, 50%)  Telemagenta
#7fcd33  rgb(127, 205, 51)  hsl(90, 61%, 50%)  Yellow Green