ColorTool
लॉग इन
#445CA2

#445ca2 ≈ Sapphire

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

#445ca2 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 26.67% लाल, 36.08% हरे और 63.53% नीले से बना है; CMYK प्रिंट में इसमें 58.02% सियान, 43.21% मैजेंटा, 0% पीला और 36.47% काला लगता है। HSL में इसका ह्यू कोण 224.68°, संतृप्ति 40.87% और चमक 45.1% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 6.37:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 5.82।

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

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

पूरक

  1. #445ca2
  2. #a28a44

विभाजित पूरक

  1. #445ca2
  2. #a25b44
  3. #8ba244

समरूप

  1. #448ba2
  2. #445ca2
  3. #5b44a2

त्रिक

  1. #445ca2
  2. #a2445c
  3. #5ca244

चतुष्क

  1. #445ca2
  2. #8a44a2
  3. #a28a44
  4. #5ca244

वर्ग

  1. #445ca2
  2. #a2448b
  3. #a28a44
  4. #44a25b

एकरंगी

  1. #171f36
  2. #2d3d6c
  3. #445ca2
  4. #7085c3
  5. #a6b3d9

शेड

#445ca2 में धीरे-धीरे काला मिलाया गया।

  1. #445ca2
  2. #3d5392
  3. #364a82
  4. #304071
  5. #293761
  6. #222e51
  7. #1b2541
  8. #141c31
  9. #0e1220
  10. #070910
  11. #000000

टिंट

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

  1. #445ca2
  2. #576cab
  3. #697db5
  4. #7c8dbe
  5. #8f9dc7
  6. #a2aed1
  7. #b4beda
  8. #c7cee3
  9. #dadeec
  10. #eceff6
  11. #ffffff

टोन

#445ca2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #445ca2
  2. #4a609f
  3. #50639b
  4. #566798
  5. #5c6a94
  6. #626e91
  7. #68728e
  8. #6e758a
  9. #747987
  10. #7a7c83
  11. #808080

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

अक्रोमैटोप्सिया #5f5f5f ≈ 0.003% पुरुष
अक्रोमैटोमली #565e7f ≈ 0.001% पुरुष
प्रोटानोपिया #3e64a5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #315ba1 ≈ 1.27% पुरुष
ट्राइटानोपिया #006b77 ≈ 0.0001% पुरुष
प्रोटानोमली #4061a4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3a5ca1 ≈ 4.63% पुरुष
ट्राइटानोमली #2a668a ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-445ca2 {
  color: #445ca2;
}
बैकग्राउंड
.bg-445ca2 {
  background-color: #445ca2;
  color: #ffffff;
}
बॉर्डर
.border-445ca2 {
  border: 2px solid #445ca2;
}
CSS वेरिएबल
:root {
  --color-primary: #445ca2;
  --color-primary-rgb: 68 92 162;
  --color-primary-hsl: 225 41% 45%;
}
ग्रेडिएंट
.gradient-445ca2 {
  background: linear-gradient(135deg, #445ca2, #5b44a2);
}
रंगीन छाया
.shadow-445ca2 {
  box-shadow: 0 8px 24px rgb(68 92 162 / 0.35);
}

#0f52ba Sapphire ΔE 5.82 #1560bd Denim ΔE 6.10 #26619c Lapis Lazuli ΔE 6.47 #436b95 Queen Blue ΔE 6.64 #0f4d92 Yale Blue ΔE 7.46 #0047ab Cobalt Blue ΔE 7.84 #4169e1 Royal Blue ΔE 9.24 #bba35d उल्टा रंग #5f5f5f ग्रेस्केल 

Sapphire
#445ca2  rgb(68, 92, 162)  hsl(225, 41%, 45%)  Sapphire
#a28a44  rgb(162, 138, 68)  hsl(45, 41%, 45%)  Dark Goldenrod
#a2445c  rgb(162, 68, 92)  hsl(345, 41%, 45%)  Cordovan
#5ca244  rgb(92, 162, 68)  hsl(105, 41%, 45%)  Asparagus