ColorTool
लॉग इन
#3F5AAA

#3f5aaa ≈ Sapphire

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

#3f5aaa “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 24.71% लाल, 35.29% हरे और 66.67% नीले से बना है; CMYK प्रिंट में इसमें 62.94% सियान, 47.06% मैजेंटा, 0% पीला और 33.33% काला लगता है। HSL में इसका ह्यू कोण 224.86°, संतृप्ति 45.92% और चमक 45.69% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर सफ़ेद टेक्स्ट का कंट्रास्ट अनुपात 6.45:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Sapphire (#0f52ba) है, ΔE 4.53।

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

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

पूरक

  1. #3f5aaa
  2. #aa8f3f

विभाजित पूरक

  1. #3f5aaa
  2. #aa5a3f
  3. #90aa3f

समरूप

  1. #3f90aa
  2. #3f5aaa
  3. #5a3faa

त्रिक

  1. #3f5aaa
  2. #aa3f5a
  3. #5aaa3f

चतुष्क

  1. #3f5aaa
  2. #8f3faa
  3. #aa8f3f
  4. #5aaa3f

वर्ग

  1. #3f5aaa
  2. #aa3f90
  3. #aa8f3f
  4. #3faa5a

एकरंगी

  1. #161f3a
  2. #2a3c72
  3. #3f5aaa
  4. #6d84c9
  5. #a5b3dd

शेड

#3f5aaa में धीरे-धीरे काला मिलाया गया।

  1. #3f5aaa
  2. #395199
  3. #324888
  4. #2c3f77
  5. #263666
  6. #202d55
  7. #192444
  8. #131b33
  9. #0d1222
  10. #060911
  11. #000000

टिंट

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

  1. #3f5aaa
  2. #526bb3
  3. #657bbb
  4. #798cc4
  5. #8c9ccc
  6. #9fadd5
  7. #b2bddd
  8. #c5cee6
  9. #d9deee
  10. #eceff7
  11. #ffffff

टोन

#3f5aaa में धीरे-धीरे ग्रे मिलाया गया।

  1. #3f5aaa
  2. #465ea6
  3. #4c62a2
  4. #53659d
  5. #596999
  6. #606d95
  7. #667191
  8. #6d758d
  9. #737888
  10. #7a7c84
  11. #808080

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

अक्रोमैटोप्सिया #5e5e5e ≈ 0.003% पुरुष
अक्रोमैटोमली #535d83 ≈ 0.001% पुरुष
प्रोटानोपिया #3363ad ≈ 1.01% पुरुष
ड्यूटेरानोपिया #205aa8 ≈ 1.27% पुरुष
ट्राइटानोपिया #006c7a ≈ 0.0001% पुरुष
प्रोटानोमली #3860ac ≈ 1.08% पुरुष
ड्यूटेरानोमली #2f5aa9 ≈ 4.63% पुरुष
ट्राइटानोमली #19658f ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#0f52ba Sapphire ΔE 4.53 #1560bd Denim ΔE 5.44 #26619c Lapis Lazuli ΔE 6.48 #0047ab Cobalt Blue ΔE 6.83 #436b95 Queen Blue ΔE 7.05 #0f4d92 Yale Blue ΔE 7.08 #4169e1 Royal Blue ΔE 8.66 #c0a555 उल्टा रंग #5e5e5e ग्रेस्केल 

Sapphire
#3f5aaa  rgb(63, 90, 170)  hsl(225, 46%, 46%)  Sapphire
#aa8f3f  rgb(170, 143, 63)  hsl(45, 46%, 46%)  Dark Goldenrod
#aa3f5a  rgb(170, 63, 90)  hsl(345, 46%, 46%)  Cordovan
#5aaa3f  rgb(90, 170, 63)  hsl(105, 46%, 46%)  Kelly Green