ColorTool
लॉग इन
#2C4EAE

#2c4eae ≈ Sapphire

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

#2c4eae “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 17.25% लाल, 30.59% हरे और 68.24% नीले से बना है; CMYK प्रिंट में इसमें 74.71% सियान, 55.17% मैजेंटा, 0% पीला और 31.76% काला लगता है। HSL में इसका ह्यू कोण 224.31°, संतृप्ति 59.63% और चमक 42.75% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 7.48:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 2.83।

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

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

पूरक

  1. #2c4eae
  2. #ae8c2c

विभाजित पूरक

  1. #2c4eae
  2. #ae4b2c
  3. #8fae2c

समरूप

  1. #2c8fae
  2. #2c4eae
  3. #4b2cae

त्रिक

  1. #2c4eae
  2. #ae2c4e
  3. #4eae2c

चतुष्क

  1. #2c4eae
  2. #8c2cae
  3. #ae8c2c
  4. #4eae2c

वर्ग

  1. #2c4eae
  2. #ae2c8f
  3. #ae8c2c
  4. #2cae4b

एकरंगी

  1. #0d1734
  2. #1d3371
  3. #2c4eae
  4. #5375d4
  5. #90a6e3

शेड

#2c4eae में धीरे-धीरे काला मिलाया गया।

  1. #2c4eae
  2. #28469d
  3. #233e8b
  4. #1f377a
  5. #1a2f68
  6. #162757
  7. #121f46
  8. #0d1734
  9. #091023
  10. #040811
  11. #000000

टिंट

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

  1. #2c4eae
  2. #4160b6
  3. #5671be
  4. #6b83c6
  5. #8095ce
  6. #96a7d7
  7. #abb8df
  8. #c0cae7
  9. #d5dcef
  10. #eaedf7
  11. #ffffff

टोन

#2c4eae में धीरे-धीरे ग्रे मिलाया गया।

  1. #2c4eae
  2. #3453a9
  3. #3d58a5
  4. #455da0
  5. #4e629c
  6. #566797
  7. #5e6c92
  8. #67718e
  9. #6f7689
  10. #787b85
  11. #808080

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

अक्रोमैटोप्सिया #555555 ≈ 0.003% पुरुष
अक्रोमैटोमली #485282 ≈ 0.001% पुरुष
प्रोटानोपिया #005bb1 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #004fac ≈ 1.27% पुरुष
ट्राइटानोपिया #006576 ≈ 0.0001% पुरुष
प्रोटानोमली #1756b0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #004fad ≈ 4.63% पुरुष
ट्राइटानोमली #005d90 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#0f52ba Sapphire ΔE 2.83 #0047ab Cobalt Blue ΔE 3.06 #0f4d92 Yale Blue ΔE 5.61 #1c39bb Persian Blue ΔE 6.87 #1560bd Denim ΔE 7.18 #4f42b5 Ocean Blue ΔE 7.54 #1034a6 Egyptian Blue ΔE 7.93 #d3b151 उल्टा रंग #555555 ग्रेस्केल 

Sapphire
#2c4eae  rgb(44, 78, 174)  hsl(224, 60%, 43%)  Sapphire
#ae8c2c  rgb(174, 140, 44)  hsl(44, 60%, 43%)  Dark Goldenrod
#ae2c4e  rgb(174, 44, 78)  hsl(344, 60%, 43%)  Vivid Burgundy
#4eae2c  rgb(78, 174, 44)  hsl(104, 60%, 43%)  Kelly Green