ColorTool
लॉग इन
#336ADE

#336ade ≈ Royal Blue

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

#336ade “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 20% लाल, 41.57% हरे और 87.06% नीले से बना है; CMYK प्रिंट में इसमें 77.03% सियान, 52.25% मैजेंटा, 0% पीला और 12.94% काला लगता है। HSL में इसका ह्यू कोण 220.7°, संतृप्ति 72.15% और चमक 53.53% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.93:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Royal Blue (#4169e1) है, ΔE 1.87।

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

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

पूरक

  1. #336ade
  2. #dea733

विभाजित पूरक

  1. #336ade
  2. #de5133
  3. #c0de33

समरूप

  1. #33c0de
  2. #336ade
  3. #5133de

त्रिक

  1. #336ade
  2. #de336a
  3. #6ade33

चतुष्क

  1. #336ade
  2. #a733de
  3. #dea733
  4. #6ade33

वर्ग

  1. #336ade
  2. #de33c0
  3. #dea733
  4. #33de51

एकरंगी

  1. #112d67
  2. #1b49a9
  3. #336ade
  4. #759ae9
  5. #b7caf3

शेड

#336ade में धीरे-धीरे काला मिलाया गया।

  1. #336ade
  2. #2e5fc8
  3. #2955b2
  4. #244a9b
  5. #1f4085
  6. #1a356f
  7. #142a59
  8. #0f2043
  9. #0a152c
  10. #050b16
  11. #000000

टिंट

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

  1. #336ade
  2. #4779e1
  3. #5c88e5
  4. #7097e8
  5. #85a6eb
  6. #99b5ef
  7. #adc3f2
  8. #c2d2f5
  9. #d6e1f8
  10. #ebf0fc
  11. #ffffff

टोन

#336ade में धीरे-धीरे ग्रे मिलाया गया।

  1. #336ade
  2. #3b6cd5
  3. #426ecb
  4. #4a71c2
  5. #5273b8
  6. #5a75af
  7. #6177a6
  8. #69799c
  9. #717c93
  10. #787e89
  11. #808080

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

अक्रोमैटोप्सिया #707070 ≈ 0.003% पुरुष
अक्रोमैटोमली #5e6ea8 ≈ 0.001% पुरुष
प्रोटानोपिया #1479e2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #0069dc ≈ 1.27% पुरुष
ट्राइटानोपिया #00869a ≈ 0.0001% पुरुष
प्रोटानोमली #2473e0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #0069dd ≈ 4.63% पुरुष
ट्राइटानोमली #007cb9 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-336ade {
  color: #336ade;
}
बैकग्राउंड
.bg-336ade {
  background-color: #336ade;
  color: #ffffff;
}
बॉर्डर
.border-336ade {
  border: 2px solid #336ade;
}
CSS वेरिएबल
:root {
  --color-primary: #336ade;
  --color-primary-rgb: 51 106 222;
  --color-primary-hsl: 221 72% 54%;
}
ग्रेडिएंट
.gradient-336ade {
  background: linear-gradient(135deg, #336ade, #5133de);
}
रंगीन छाया
.shadow-336ade {
  box-shadow: 0 8px 24px rgb(51 106 222 / 0.35);
}

#4169e1 Royal Blue ΔE 1.87 #0070ff Brandeis Blue ΔE 4.24 #4166f5 Ultramarine Blue ΔE 4.26 #1560bd Denim ΔE 6.15 #0073cf True Blue ΔE 6.38 #417dc1 Tufts Blue ΔE 7.54 #436b95 Queen Blue ΔE 7.63 #cc9521 उल्टा रंग #707070 ग्रेस्केल 

Royal Blue
#336ade  rgb(51, 106, 222)  hsl(221, 72%, 54%)  Royal Blue
#dea733  rgb(222, 167, 51)  hsl(41, 72%, 54%)  Goldenrod
#de336a  rgb(222, 51, 106)  hsl(341, 72%, 54%)  Razzmatazz
#6ade33  rgb(106, 222, 51)  hsl(101, 72%, 54%)  Lime Green