ColorTool
लॉग इन
#387CD3

#387cd3 ≈ Tufts Blue

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

#387cd3 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 21.96% लाल, 48.63% हरे और 82.75% नीले से बना है; CMYK प्रिंट में इसमें 73.46% सियान, 41.23% मैजेंटा, 0% पीला और 17.25% काला लगता है। HSL में इसका ह्यू कोण 213.68°, संतृप्ति 63.79% और चमक 52.35% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.99:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 1.8।

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

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

पूरक

  1. #387cd3
  2. #d38f38

विभाजित पूरक

  1. #387cd3
  2. #d34138
  3. #c9d338

समरूप

  1. #38c9d3
  2. #387cd3
  3. #4138d3

त्रिक

  1. #387cd3
  2. #d3387c
  3. #7cd338

चतुष्क

  1. #387cd3
  2. #8f38d3
  3. #d38f38
  4. #7cd338

वर्ग

  1. #387cd3
  2. #d338c9
  3. #d38f38
  4. #38d341

एकरंगी

  1. #15355d
  2. #22589c
  3. #387cd3
  4. #77a5e1
  5. #b5ceef

शेड

#387cd3 में धीरे-धीरे काला मिलाया गया।

  1. #387cd3
  2. #3270be
  3. #2d63a9
  4. #275794
  5. #224a7f
  6. #1c3e6a
  7. #163254
  8. #11253f
  9. #0b192a
  10. #060c15
  11. #000000

टिंट

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

  1. #387cd3
  2. #4c89d7
  3. #6096dc
  4. #74a3e0
  5. #88b0e5
  6. #9cbee9
  7. #afcbed
  8. #c3d8f2
  9. #d7e5f6
  10. #ebf2fb
  11. #ffffff

टोन

#387cd3 में धीरे-धीरे ग्रे मिलाया गया।

  1. #387cd3
  2. #3f7ccb
  3. #467dc2
  4. #4e7dba
  5. #557eb2
  6. #5c7eaa
  7. #637ea1
  8. #6a7f99
  9. #727f91
  10. #798088
  11. #808080

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

अक्रोमैटोप्सिया #7b7b7b ≈ 0.003% पुरुष
अक्रोमैटोमली #677ca6 ≈ 0.001% पुरुष
प्रोटानोपिया #5283d6 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #3875d1 ≈ 1.27% पुरुष
ट्राइटानोपिया #00909d ≈ 0.0001% पुरुष
प्रोटानोमली #4980d5 ≈ 1.08% पुरुष
ड्यूटेरानोमली #3878d2 ≈ 4.63% पुरुष
ट्राइटानोमली #0089b5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-387cd3 {
  color: #387cd3;
}
बैकग्राउंड
.bg-387cd3 {
  background-color: #387cd3;
  color: #000000;
}
बॉर्डर
.border-387cd3 {
  border: 2px solid #387cd3;
}
CSS वेरिएबल
:root {
  --color-primary: #387cd3;
  --color-primary-rgb: 56 124 211;
  --color-primary-hsl: 214 64% 52%;
}
ग्रेडिएंट
.gradient-387cd3 {
  background: linear-gradient(135deg, #387cd3, #4138d3);
}
रंगीन छाया
.shadow-387cd3 {
  box-shadow: 0 8px 24px rgb(56 124 211 / 0.35);
}

#417dc1 Tufts Blue ΔE 1.80 #0073cf True Blue ΔE 4.11 #4682b4 Steel Blue ΔE 4.44 #6082b6 Glaucous ΔE 5.59 #0070ff Brandeis Blue ΔE 5.92 #318ce7 Bleu de France ΔE 6.02 #0072bb French Blue ΔE 6.27 #c7832c उल्टा रंग #7b7b7b ग्रेस्केल 

Tufts Blue
#387cd3  rgb(56, 124, 211)  hsl(214, 64%, 52%)  Tufts Blue
#d38f38  rgb(211, 143, 56)  hsl(34, 64%, 52%)  Peru
#d3387c  rgb(211, 56, 124)  hsl(334, 64%, 52%)  Telemagenta
#7cd338  rgb(124, 211, 56)  hsl(94, 64%, 52%)  Yellow Green