ColorTool
लॉग इन
#307BC2

#307bc2 ≈ Tufts Blue

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

#307bc2 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 18.82% लाल, 48.24% हरे और 76.08% नीले से बना है; CMYK प्रिंट में इसमें 75.26% सियान, 36.6% मैजेंटा, 0% पीला और 23.92% काला लगता है। HSL में इसका ह्यू कोण 209.18°, संतृप्ति 60.33% और चमक 47.45% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.74:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 1.86।

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

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

पूरक

  1. #307bc2
  2. #c27730

विभाजित पूरक

  1. #307bc2
  2. #c23032
  3. #c2c030

समरूप

  1. #30c2c0
  2. #307bc2
  3. #3032c2

त्रिक

  1. #307bc2
  2. #c2307b
  3. #7bc230

चतुष्क

  1. #307bc2
  2. #7730c2
  3. #c27730
  4. #7bc230

वर्ग

  1. #307bc2
  2. #c030c2
  3. #c27730
  4. #32c230

एकरंगी

  1. #122d47
  2. #215485
  3. #307bc2
  4. #65a1d9
  5. #a3c6e8

शेड

#307bc2 में धीरे-धीरे काला मिलाया गया।

  1. #307bc2
  2. #2b6faf
  3. #26629b
  4. #225688
  5. #1d4a74
  6. #183e61
  7. #13314e
  8. #0e253a
  9. #0a1927
  10. #050c13
  11. #000000

टिंट

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

  1. #307bc2
  2. #4588c8
  3. #5995ce
  4. #6ea3d4
  5. #83b0da
  6. #98bde1
  7. #accae7
  8. #c1d7ed
  9. #d6e5f3
  10. #eaf2f9
  11. #ffffff

टोन

#307bc2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #307bc2
  2. #387cbb
  3. #407cb5
  4. #487dae
  5. #507da8
  6. #587ea1
  7. #607e9a
  8. #687f94
  9. #707f8d
  10. #788087
  11. #808080

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

अक्रोमैटोप्सिया #787878 ≈ 0.003% पुरुष
अक्रोमैटोमली #63799b ≈ 0.001% पुरुष
प्रोटानोपिया #5a7fc5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4472c1 ≈ 1.27% पुरुष
ट्राइटानोपिया #008c95 ≈ 0.0001% पुरुष
प्रोटानोमली #4d7dc4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3d75c1 ≈ 4.63% पुरुष
ट्राइटानोमली #0085a9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-307bc2 {
  color: #307bc2;
}
बैकग्राउंड
.bg-307bc2 {
  background-color: #307bc2;
  color: #000000;
}
बॉर्डर
.border-307bc2 {
  border: 2px solid #307bc2;
}
CSS वेरिएबल
:root {
  --color-primary: #307bc2;
  --color-primary-rgb: 48 123 194;
  --color-primary-hsl: 209 60% 47%;
}
ग्रेडिएंट
.gradient-307bc2 {
  background: linear-gradient(135deg, #307bc2, #3032c2);
}
रंगीन छाया
.shadow-307bc2 {
  box-shadow: 0 8px 24px rgb(48 123 194 / 0.35);
}

#417dc1 Tufts Blue ΔE 1.86 #0073cf True Blue ΔE 3.10 #4682b4 Steel Blue ΔE 3.41 #0072bb French Blue ΔE 3.98 #6082b6 Glaucous ΔE 6.68 #318ce7 Bleu de France ΔE 6.92 #0070ff Brandeis Blue ΔE 7.60 #cf843d उल्टा रंग #787878 ग्रेस्केल 

Tufts Blue
#307bc2  rgb(48, 123, 194)  hsl(209, 60%, 47%)  Tufts Blue
#c27730  rgb(194, 119, 48)  hsl(29, 60%, 47%)  Copper
#c2307b  rgb(194, 48, 123)  hsl(329, 60%, 47%)  Medium Violet Red
#7bc230  rgb(123, 194, 48)  hsl(89, 60%, 47%)  Yellow Green