#5F7DCF

#5f7dcf ≈ Glaucous

  • नीला
  • चमक: मध्यम
  • संतृप्ति: मध्यम
  • ठंडा

#5f7dcf “नीला” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 37.25% लाल, 49.02% हरे और 81.18% नीले से बना है; CMYK प्रिंट में इसमें 54.11% सियान, 39.61% मैजेंटा, 0% पीला और 18.82% काला लगता है। HSL में इसका ह्यू कोण 223.93°, संतृप्ति 53.85% और चमक 59.22% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.32:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Glaucous (#6082b6) है, ΔE 3.55।

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

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

शेड

#5f7dcf में धीरे-धीरे काला मिलाया गया।

  1. #5f7dcf
  2. #5671ba
  3. #4c64a6
  4. #435891
  5. #394b7c
  6. #303f68
  7. #263253
  8. #1d263e
  9. #131929
  10. #0a0d15
  11. #000000

टिंट

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

  1. #5f7dcf
  2. #6f8ad4
  3. #7f97d9
  4. #8fa4dd
  5. #9fb1e2
  6. #afbee7
  7. #bfcbec
  8. #cfd8f1
  9. #dfe5f5
  10. #eff2fa
  11. #ffffff

टोन

#5f7dcf में धीरे-धीरे ग्रे मिलाया गया।

  1. #5f7dcf
  2. #627dc7
  3. #667ebf
  4. #697eb7
  5. #6c7eaf
  6. #707fa8
  7. #737fa0
  8. #767f98
  9. #797f90
  10. #7d8088
  11. #808080

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

अक्रोमैटोप्सिया #808080 ≈ 0.003% पुरुष
अक्रोमैटोमली #747fa6 ≈ 0.001% पुरुष
प्रोटानोपिया #5b85d2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #4e7bcd ≈ 1.27% पुरुष
ट्राइटानोपिया #228f9c ≈ 0.0001% पुरुष
प्रोटानोमली #5d82d1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #557cce ≈ 4.63% पुरुष
ट्राइटानोमली #4388b3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5f7dcf {
  color: #5f7dcf;
}
बैकग्राउंड
.bg-5f7dcf {
  background-color: #5f7dcf;
  color: #000000;
}
बॉर्डर
.border-5f7dcf {
  border: 2px solid #5f7dcf;
}
CSS वेरिएबल
:root {
  --color-primary: #5f7dcf;
  --color-primary-rgb: 95 125 207;
  --color-primary-hsl: 224 54% 59%;
}
ग्रेडिएंट
.gradient-5f7dcf {
  background: linear-gradient(135deg, #5f7dcf, #795fcf);
}
रंगीन छाया
.shadow-5f7dcf {
  box-shadow: 0 8px 24px rgb(95 125 207 / 0.35);
}

Glaucous
#5f7dcf  rgb(95, 125, 207)  hsl(224, 54%, 59%)  Glaucous
#cfb15f  rgb(207, 177, 95)  hsl(44, 54%, 59%)  Vegas Gold
#cf5f7d  rgb(207, 95, 125)  hsl(344, 54%, 59%)  Blush
#7dcf5f  rgb(125, 207, 95)  hsl(104, 54%, 59%)  Mantis