#718CA2

#718ca2 ≈ Light Slate Gray

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

#718ca2 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति हल्की है। RGB मॉडल में यह 44.31% लाल, 54.9% हरे और 63.53% नीले से बना है; CMYK प्रिंट में इसमें 30.25% सियान, 13.58% मैजेंटा, 0% पीला और 36.47% काला लगता है। HSL में इसका ह्यू कोण 206.94°, संतृप्ति 20.85% और चमक 53.92% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.98:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Light Slate Gray (#778899) है, ΔE 3.13।

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

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

शेड

#718ca2 में धीरे-धीरे काला मिलाया गया।

  1. #718ca2
  2. #667e92
  3. #5a7082
  4. #4f6271
  5. #445461
  6. #394651
  7. #2d3841
  8. #222a31
  9. #171c20
  10. #0b0e10
  11. #000000

टिंट

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

  1. #718ca2
  2. #7f98ab
  3. #8da3b5
  4. #9cafbe
  5. #aabac7
  6. #b8c6d1
  7. #c6d1da
  8. #d4dde3
  9. #e3e8ec
  10. #f1f4f6
  11. #ffffff

टोन

#718ca2 में धीरे-धीरे ग्रे मिलाया गया।

  1. #718ca2
  2. #738b9f
  3. #748a9b
  4. #768898
  5. #778794
  6. #798691
  7. #7a858e
  8. #7c848a
  9. #7d8287
  10. #7f8183
  11. #808080

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

अक्रोमैटोप्सिया #898989 ≈ 0.003% पुरुष
अक्रोमैटोमली #808a93 ≈ 0.001% पुरुष
प्रोटानोपिया #838ca3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7d86a2 ≈ 1.27% पुरुष
ट्राइटानोपिया #629193 ≈ 0.0001% पुरुष
प्रोटानोमली #7c8ca3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #7889a2 ≈ 4.63% पुरुष
ट्राइटानोमली #688f99 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-718ca2 {
  color: #718ca2;
}
बैकग्राउंड
.bg-718ca2 {
  background-color: #718ca2;
  color: #000000;
}
बॉर्डर
.border-718ca2 {
  border: 2px solid #718ca2;
}
CSS वेरिएबल
:root {
  --color-primary: #718ca2;
  --color-primary-rgb: 113 140 162;
  --color-primary-hsl: 207 21% 54%;
}
ग्रेडिएंट
.gradient-718ca2 {
  background: linear-gradient(135deg, #718ca2, #7173a2);
}
रंगीन छाया
.shadow-718ca2 {
  box-shadow: 0 8px 24px rgb(113 140 162 / 0.35);
}

Light Slate Gray
#718ca2  rgb(113, 140, 162)  hsl(207, 21%, 54%)  Light Slate Gray
#a28771  rgb(162, 135, 113)  hsl(27, 21%, 54%)  Beaver
#a2718c  rgb(162, 113, 140)  hsl(327, 21%, 54%)  Mountbatten Pink
#8ca271  rgb(140, 162, 113)  hsl(87, 21%, 54%)  Asparagus