ColorTool
लॉग इन
#5474D5

#5474d5 ≈ Royal Blue

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

#5474d5 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 32.94% लाल, 45.49% हरे और 83.53% नीले से बना है; CMYK प्रिंट में इसमें 60.56% सियान, 45.54% मैजेंटा, 0% पीला और 16.47% काला लगता है। HSL में इसका ह्यू कोण 225.12°, संतृप्ति 60.56% और चमक 58.24% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.84:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Royal Blue (#4169e1) है, ΔE 4.09।

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

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

पूरक

  1. #5474d5
  2. #d5b554

विभाजित पूरक

  1. #5474d5
  2. #d57554
  3. #b4d554

समरूप

  1. #54b4d5
  2. #5474d5
  3. #7554d5

त्रिक

  1. #5474d5
  2. #d55474
  3. #74d554

चतुष्क

  1. #5474d5
  2. #b554d5
  3. #d5b554
  4. #74d554

वर्ग

  1. #5474d5
  2. #d554b4
  3. #d5b554
  4. #54d575

एकरंगी

  1. #1c3274
  2. #2b4db1
  3. #5474d5
  4. #91a6e4
  5. #cfd8f3

शेड

#5474d5 में धीरे-धीरे काला मिलाया गया।

  1. #5474d5
  2. #4c68c0
  3. #435daa
  4. #3b5195
  5. #324680
  6. #2a3a6b
  7. #222e55
  8. #192340
  9. #11172b
  10. #080c15
  11. #000000

टिंट

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

  1. #5474d5
  2. #6582d9
  3. #7690dd
  4. #879ee2
  5. #98ace6
  6. #aabaea
  7. #bbc7ee
  8. #ccd5f2
  9. #dde3f7
  10. #eef1fb
  11. #ffffff

टोन

#5474d5 में धीरे-धीरे ग्रे मिलाया गया।

  1. #5474d5
  2. #5875cd
  3. #5d76c4
  4. #6178bc
  5. #6679b3
  6. #6a7aab
  7. #6e7ba2
  8. #737c9a
  9. #777e91
  10. #7c7f89
  11. #808080

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

अक्रोमैटोप्सिया #797979 ≈ 0.003% पुरुष
अक्रोमैटोमली #6c77a6 ≈ 0.001% पुरुष
प्रोटानोपिया #467fd9 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #3174d3 ≈ 1.27% पुरुष
ट्राइटानोपिया #008a9a ≈ 0.0001% पुरुष
प्रोटानोमली #4c7bd7 ≈ 1.08% पुरुष
ड्यूटेरानोमली #4274d4 ≈ 4.63% पुरुष
ट्राइटानोमली #2a82b5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5474d5 {
  color: #5474d5;
}
बैकग्राउंड
.bg-5474d5 {
  background-color: #5474d5;
  color: #000000;
}
बॉर्डर
.border-5474d5 {
  border: 2px solid #5474d5;
}
CSS वेरिएबल
:root {
  --color-primary: #5474d5;
  --color-primary-rgb: 84 116 213;
  --color-primary-hsl: 225 61% 58%;
}
ग्रेडिएंट
.gradient-5474d5 {
  background: linear-gradient(135deg, #5474d5, #7554d5);
}
रंगीन छाया
.shadow-5474d5 {
  box-shadow: 0 8px 24px rgb(84 116 213 / 0.35);
}

#4169e1 Royal Blue ΔE 4.09 #0070ff Brandeis Blue ΔE 5.61 #4166f5 Ultramarine Blue ΔE 5.79 #6082b6 Glaucous ΔE 5.81 #417dc1 Tufts Blue ΔE 6.51 #0073cf True Blue ΔE 7.91 #4682b4 Steel Blue ΔE 8.50 #ab8b2a उल्टा रंग #797979 ग्रेस्केल 

Royal Blue
#5474d5  rgb(84, 116, 213)  hsl(225, 61%, 58%)  Royal Blue
#d5b554  rgb(213, 181, 84)  hsl(45, 61%, 58%)  Metallic Gold
#d55474  rgb(213, 84, 116)  hsl(345, 61%, 58%)  Blush
#74d554  rgb(116, 213, 84)  hsl(105, 61%, 58%)  Pastel Green