ColorTool
लॉग इन
#367BCF

#367bcf ≈ Tufts Blue

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

#367bcf “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 21.18% लाल, 48.24% हरे और 81.18% नीले से बना है; CMYK प्रिंट में इसमें 73.91% सियान, 40.58% मैजेंटा, 0% पीला और 18.82% काला लगता है। HSL में इसका ह्यू कोण 212.94°, संतृप्ति 61.45% और चमक 51.18% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.89:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 1.5।

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

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

पूरक

  1. #367bcf
  2. #cf8a36

विभाजित पूरक

  1. #367bcf
  2. #cf3e36
  3. #c8cf36

समरूप

  1. #36c8cf
  2. #367bcf
  3. #3e36cf

त्रिक

  1. #367bcf
  2. #cf367b
  3. #7bcf36

चतुष्क

  1. #367bcf
  2. #8a36cf
  3. #cf8a36
  4. #7bcf36

वर्ग

  1. #367bcf
  2. #cf36c8
  3. #cf8a36
  4. #36cf3e

एकरंगी

  1. #153357
  2. #245795
  3. #367bcf
  4. #74a4de
  5. #b2ccec

शेड

#367bcf में धीरे-धीरे काला मिलाया गया।

  1. #367bcf
  2. #316fba
  3. #2b62a6
  4. #265691
  5. #204a7c
  6. #1b3e68
  7. #163153
  8. #10253e
  9. #0b1929
  10. #050c15
  11. #000000

टिंट

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

  1. #367bcf
  2. #4a88d4
  3. #5e95d9
  4. #72a3dd
  5. #86b0e2
  6. #9bbde7
  7. #afcaec
  8. #c3d7f1
  9. #d7e5f5
  10. #ebf2fa
  11. #ffffff

टोन

#367bcf में धीरे-धीरे ग्रे मिलाया गया।

  1. #367bcf
  2. #3d7cc7
  3. #457cbf
  4. #4c7db7
  5. #547daf
  6. #5b7ea8
  7. #627ea0
  8. #6a7f98
  9. #717f90
  10. #798088
  11. #808080

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

अक्रोमैटोप्सिया #7a7a7a ≈ 0.003% पुरुष
अक्रोमैटोमली #657aa3 ≈ 0.001% पुरुष
प्रोटानोपिया #5382d2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #3a74cd ≈ 1.27% पुरुष
ट्राइटानोपिया #008f9b ≈ 0.0001% पुरुष
प्रोटानोमली #497fd1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3877ce ≈ 4.63% पुरुष
ट्राइटानोमली #0087b2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-367bcf {
  color: #367bcf;
}
बैकग्राउंड
.bg-367bcf {
  background-color: #367bcf;
  color: #000000;
}
बॉर्डर
.border-367bcf {
  border: 2px solid #367bcf;
}
CSS वेरिएबल
:root {
  --color-primary: #367bcf;
  --color-primary-rgb: 54 123 207;
  --color-primary-hsl: 213 61% 51%;
}
ग्रेडिएंट
.gradient-367bcf {
  background: linear-gradient(135deg, #367bcf, #3e36cf);
}
रंगीन छाया
.shadow-367bcf {
  box-shadow: 0 8px 24px rgb(54 123 207 / 0.35);
}

#417dc1 Tufts Blue ΔE 1.50 #0073cf True Blue ΔE 3.52 #4682b4 Steel Blue ΔE 4.30 #0072bb French Blue ΔE 5.60 #6082b6 Glaucous ΔE 5.79 #0070ff Brandeis Blue ΔE 6.11 #318ce7 Bleu de France ΔE 6.41 #c98430 उल्टा रंग #7a7a7a ग्रेस्केल 

Tufts Blue
#367bcf  rgb(54, 123, 207)  hsl(213, 61%, 51%)  Tufts Blue
#cf8a36  rgb(207, 138, 54)  hsl(33, 61%, 51%)  Peru
#cf367b  rgb(207, 54, 123)  hsl(333, 61%, 51%)  Telemagenta
#7bcf36  rgb(123, 207, 54)  hsl(93, 61%, 51%)  Yellow Green