ColorTool
लॉग इन
#305BBF

#305bbf ≈ Sapphire

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

#305bbf “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 18.82% लाल, 35.69% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 74.87% सियान, 52.36% मैजेंटा, 0% पीला और 25.1% काला लगता है। HSL में इसका ह्यू कोण 221.96°, संतृप्ति 59.83% और चमक 46.86% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 6.22:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 3.37।

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

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

पूरक

  1. #305bbf
  2. #bf9430

विभाजित पूरक

  1. #305bbf
  2. #bf4d30
  3. #a2bf30

समरूप

  1. #30a2bf
  2. #305bbf
  3. #4d30bf

त्रिक

  1. #305bbf
  2. #bf305b
  3. #5bbf30

चतुष्क

  1. #305bbf
  2. #9430bf
  3. #bf9430
  4. #5bbf30

वर्ग

  1. #305bbf
  2. #bf30a2
  3. #bf9430
  4. #30bf4d

एकरंगी

  1. #112145
  2. #213e82
  3. #305bbf
  4. #6487d8
  5. #a1b6e7

शेड

#305bbf में धीरे-धीरे काला मिलाया गया।

  1. #305bbf
  2. #2b52ac
  3. #264999
  4. #224086
  5. #1d3773
  6. #182e60
  7. #13244c
  8. #0e1b39
  9. #0a1226
  10. #050913
  11. #000000

टिंट

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

  1. #305bbf
  2. #456bc5
  3. #597ccc
  4. #6e8cd2
  5. #839dd9
  6. #98addf
  7. #acbde5
  8. #c1ceec
  9. #d6def2
  10. #eaeff9
  11. #ffffff

टोन

#305bbf में धीरे-धीरे ग्रे मिलाया गया।

  1. #305bbf
  2. #385fb9
  3. #4062b2
  4. #4866ac
  5. #506aa6
  6. #586ea0
  7. #607199
  8. #687593
  9. #70798d
  10. #787c86
  11. #808080

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

अक्रोमैटोप्सिया #616161 ≈ 0.003% पुरुष
अक्रोमैटोमली #515e90 ≈ 0.001% पुरुष
प्रोटानोपिया #1668c3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #005abd ≈ 1.27% पुरुष
ट्राइटानोपिया #007384 ≈ 0.0001% पुरुष
प्रोटानोमली #2363c1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #045bbe ≈ 4.63% पुरुष
ट्राइटानोमली #006a9f ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#0f52ba Sapphire ΔE 3.37 #1560bd Denim ΔE 3.61 #26619c Lapis Lazuli ΔE 6.22 #4169e1 Royal Blue ΔE 6.69 #0047ab Cobalt Blue ΔE 6.96 #436b95 Queen Blue ΔE 7.07 #0f4d92 Yale Blue ΔE 7.84 #cfa440 उल्टा रंग #616161 ग्रेस्केल 

Sapphire
#305bbf  rgb(48, 91, 191)  hsl(222, 60%, 47%)  Sapphire
#bf9430  rgb(191, 148, 48)  hsl(42, 60%, 47%)  Dark Goldenrod
#bf305b  rgb(191, 48, 91)  hsl(342, 60%, 47%)  Dogwood Rose
#5bbf30  rgb(91, 191, 48)  hsl(102, 60%, 47%)  Kelly Green