ColorTool
लॉग इन
#2D7FC8

#2d7fc8 ≈ Tufts Blue

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

#2d7fc8 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 17.65% लाल, 49.8% हरे और 78.43% नीले से बना है; CMYK प्रिंट में इसमें 77.5% सियान, 36.5% मैजेंटा, 0% पीला और 21.57% काला लगता है। HSL में इसका ह्यू कोण 208.26°, संतृप्ति 63.27% और चमक 48.04% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 4.98:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Tufts Blue (#417dc1) है, ΔE 2.29।

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

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

पूरक

  1. #2d7fc8
  2. #c8762d

विभाजित पूरक

  1. #2d7fc8
  2. #c82d31
  3. #c8c42d

समरूप

  1. #2dc8c4
  2. #2d7fc8
  3. #2d31c8

त्रिक

  1. #2d7fc8
  2. #c82d7f
  3. #7fc82d

चतुष्क

  1. #2d7fc8
  2. #762dc8
  3. #c8762d
  4. #7fc82d

वर्ग

  1. #2d7fc8
  2. #c42dc8
  3. #c8762d
  4. #31c82d

एकरंगी

  1. #11304b
  2. #1f578a
  3. #2d7fc8
  4. #65a4dc
  5. #a4c9ea

शेड

#2d7fc8 में धीरे-धीरे काला मिलाया गया।

  1. #2d7fc8
  2. #2972b4
  3. #2466a0
  4. #20598c
  5. #1b4c78
  6. #174064
  7. #123350
  8. #0e263c
  9. #091928
  10. #050d14
  11. #000000

टिंट

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

  1. #2d7fc8
  2. #428cce
  3. #5799d3
  4. #6ca5d9
  5. #81b2de
  6. #96bfe4
  7. #abcce9
  8. #c0d9ef
  9. #d5e5f4
  10. #eaf2fa
  11. #ffffff

टोन

#2d7fc8 में धीरे-धीरे ग्रे मिलाया गया।

  1. #2d7fc8
  2. #357fc1
  3. #3e7fba
  4. #467fb2
  5. #4e7fab
  6. #5780a4
  7. #5f809d
  8. #678096
  9. #6f808e
  10. #788087
  11. #808080

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

अक्रोमैटोप्सिया #7b7b7b ≈ 0.003% पुरुष
अक्रोमैटोमली #657da0 ≈ 0.001% पुरुष
प्रोटानोपिया #5d83cb ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4675c7 ≈ 1.27% पुरुष
ट्राइटानोपिया #00909a ≈ 0.0001% पुरुष
प्रोटानोमली #4e81ca ≈ 1.08% पुरुष
ड्यूटेरानोमली #3d79c7 ≈ 4.63% पुरुष
ट्राइटानोमली #008aae ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-2d7fc8 {
  color: #2d7fc8;
}
बैकग्राउंड
.bg-2d7fc8 {
  background-color: #2d7fc8;
  color: #000000;
}
बॉर्डर
.border-2d7fc8 {
  border: 2px solid #2d7fc8;
}
CSS वेरिएबल
:root {
  --color-primary: #2d7fc8;
  --color-primary-rgb: 45 127 200;
  --color-primary-hsl: 208 63% 48%;
}
ग्रेडिएंट
.gradient-2d7fc8 {
  background: linear-gradient(135deg, #2d7fc8, #2d31c8);
}
रंगीन छाया
.shadow-2d7fc8 {
  box-shadow: 0 8px 24px rgb(45 127 200 / 0.35);
}

#417dc1 Tufts Blue ΔE 2.29 #4682b4 Steel Blue ΔE 2.87 #0073cf True Blue ΔE 4.42 #0072bb French Blue ΔE 5.25 #318ce7 Bleu de France ΔE 5.45 #6082b6 Glaucous ΔE 6.76 #1e90ff Dodger Blue ΔE 7.72 #d28037 उल्टा रंग #7b7b7b ग्रेस्केल 

Tufts Blue
#2d7fc8  rgb(45, 127, 200)  hsl(208, 63%, 48%)  Tufts Blue
#c8762d  rgb(200, 118, 45)  hsl(28, 63%, 48%)  Ochre
#c82d7f  rgb(200, 45, 127)  hsl(328, 63%, 48%)  Medium Violet Red
#7fc82d  rgb(127, 200, 45)  hsl(88, 63%, 48%)  Yellow Green