ColorTool
लॉग इन
#307FBF

#307fbf ≈ Steel Blue

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

#307fbf “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 18.82% लाल, 49.8% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 74.87% सियान, 33.51% मैजेंटा, 0% पीला और 25.1% काला लगता है। HSL में इसका ह्यू कोण 206.85°, संतृप्ति 59.83% और चमक 46.86% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.91:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Steel Blue (#4682b4) है, ΔE 2.31।

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

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

पूरक

  1. #307fbf
  2. #bf7030

विभाजित पूरक

  1. #307fbf
  2. #bf3038
  3. #bfb730

समरूप

  1. #30bfb7
  2. #307fbf
  3. #3038bf

त्रिक

  1. #307fbf
  2. #bf307f
  3. #7fbf30

चतुष्क

  1. #307fbf
  2. #7030bf
  3. #bf7030
  4. #7fbf30

वर्ग

  1. #307fbf
  2. #b730bf
  3. #bf7030
  4. #38bf30

एकरंगी

  1. #112e45
  2. #215682
  3. #307fbf
  4. #64a4d8
  5. #a1c8e7

शेड

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

  1. #307fbf
  2. #2b72ac
  3. #266699
  4. #225986
  5. #1d4c73
  6. #184060
  7. #13334c
  8. #0e2639
  9. #0a1926
  10. #050d13
  11. #000000

टिंट

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

  1. #307fbf
  2. #458cc5
  3. #5999cc
  4. #6ea5d2
  5. #83b2d9
  6. #98bfdf
  7. #accce5
  8. #c1d9ec
  9. #d6e5f2
  10. #eaf2f9
  11. #ffffff

टोन

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

  1. #307fbf
  2. #387fb9
  3. #407fb2
  4. #487fac
  5. #507fa6
  6. #5880a0
  7. #608099
  8. #688093
  9. #70808d
  10. #788086
  11. #808080

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

अक्रोमैटोप्सिया #7a7a7a ≈ 0.003% पुरुष
अक्रोमैटोमली #657c9b ≈ 0.001% पुरुष
प्रोटानोपिया #6282c2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4d74be ≈ 1.27% पुरुष
ट्राइटानोपिया #008e96 ≈ 0.0001% पुरुष
प्रोटानोमली #5281c1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #4379be ≈ 4.63% पुरुष
ट्राइटानोमली #0088a8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#4682b4 Steel Blue ΔE 2.31 #417dc1 Tufts Blue ΔE 2.83 #0073cf True Blue ΔE 4.79 #0072bb French Blue ΔE 4.98 #318ce7 Bleu de France ΔE 6.15 #6082b6 Glaucous ΔE 7.00 #007ba7 Cerulean ΔE 7.01 #cf8040 उल्टा रंग #7a7a7a ग्रेस्केल 

Steel Blue
#307fbf  rgb(48, 127, 191)  hsl(207, 60%, 47%)  Steel Blue
#bf7030  rgb(191, 112, 48)  hsl(27, 60%, 47%)  Copper
#bf307f  rgb(191, 48, 127)  hsl(327, 60%, 47%)  Medium Violet Red
#7fbf30  rgb(127, 191, 48)  hsl(87, 60%, 47%)  Yellow Green