ColorTool
लॉग इन
#396CD2

#396cd2 ≈ Royal Blue

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

#396cd2 “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 22.35% लाल, 42.35% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 72.86% सियान, 48.57% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 220°, संतृप्ति 62.96% और चमक 52.35% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 4.94:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Royal Blue (#4169e1) है, ΔE 2.94।

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

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

पूरक

  1. #396cd2
  2. #d29f39

विभाजित पूरक

  1. #396cd2
  2. #d25239
  3. #b8d239

समरूप

  1. #39b8d2
  2. #396cd2
  3. #5239d2

त्रिक

  1. #396cd2
  2. #d2396c
  3. #6cd239

चतुष्क

  1. #396cd2
  2. #9f39d2
  3. #d29f39
  4. #6cd239

वर्ग

  1. #396cd2
  2. #d239b8
  3. #d29f39
  4. #39d252

एकरंगी

  1. #152d5d
  2. #234b9b
  3. #396cd2
  4. #779ae0
  5. #b6c9ee

शेड

#396cd2 में धीरे-धीरे काला मिलाया गया।

  1. #396cd2
  2. #3361bd
  3. #2e56a8
  4. #284c93
  5. #22417e
  6. #1d3669
  7. #172b54
  8. #11203f
  9. #0b162a
  10. #060b15
  11. #000000

टिंट

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

  1. #396cd2
  2. #4d7bd7
  3. #6189db
  4. #7498e0
  5. #88a7e4
  6. #9cb6e9
  7. #b0c4ed
  8. #c4d3f2
  9. #d7e2f6
  10. #ebf0fb
  11. #ffffff

टोन

#396cd2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #396cd2
  2. #406eca
  3. #4770c2
  4. #4e72b9
  5. #5574b1
  6. #5d76a9
  7. #6478a1
  8. #6b7a99
  9. #727c90
  10. #797e88
  11. #808080

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

अक्रोमैटोप्सिया #707070 ≈ 0.003% पुरुष
अक्रोमैटोमली #5f6fa1 ≈ 0.001% पुरुष
प्रोटानोपिया #3278d6 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #006ad0 ≈ 1.27% पुरुष
ट्राइटानोपिया #008495 ≈ 0.0001% पुरुष
प्रोटानोमली #3573d4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #206bd1 ≈ 4.63% पुरुष
ट्राइटानोमली #007bb1 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-396cd2 {
  color: #396cd2;
}
बैकग्राउंड
.bg-396cd2 {
  background-color: #396cd2;
  color: #ffffff;
}
बॉर्डर
.border-396cd2 {
  border: 2px solid #396cd2;
}
CSS वेरिएबल
:root {
  --color-primary: #396cd2;
  --color-primary-rgb: 57 108 210;
  --color-primary-hsl: 220 63% 52%;
}
ग्रेडिएंट
.gradient-396cd2 {
  background: linear-gradient(135deg, #396cd2, #5239d2);
}
रंगीन छाया
.shadow-396cd2 {
  box-shadow: 0 8px 24px rgb(57 108 210 / 0.35);
}

#4169e1 Royal Blue ΔE 2.94 #0070ff Brandeis Blue ΔE 5.07 #0073cf True Blue ΔE 5.53 #4166f5 Ultramarine Blue ΔE 5.60 #1560bd Denim ΔE 5.64 #417dc1 Tufts Blue ΔE 6.63 #436b95 Queen Blue ΔE 6.67 #c6932d उल्टा रंग #707070 ग्रेस्केल 

Royal Blue
#396cd2  rgb(57, 108, 210)  hsl(220, 63%, 52%)  Royal Blue
#d29f39  rgb(210, 159, 57)  hsl(40, 63%, 52%)  Goldenrod
#d2396c  rgb(210, 57, 108)  hsl(340, 63%, 52%)  Razzmatazz
#6cd239  rgb(108, 210, 57)  hsl(100, 63%, 52%)  Lime Green