#5CA5AA

#5ca5aa ≈ Cadet Blue

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

#5ca5aa “सियान” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति मध्यम है। RGB मॉडल में यह 36.08% लाल, 64.71% हरे और 66.67% नीले से बना है; CMYK प्रिंट में इसमें 45.88% सियान, 2.94% मैजेंटा, 0% पीला और 33.33% काला लगता है। HSL में इसका ह्यू कोण 183.85°, संतृप्ति 31.45% और चमक 51.37% है। यह एक ठंडा रंग है, जो अक्सर ताज़गी, तकनीक और स्पष्टता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.42:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Cadet Blue (#5f9ea0) है, ΔE 2.52।

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

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

शेड

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

  1. #5ca5aa
  2. #539599
  3. #4a8488
  4. #407477
  5. #376366
  6. #2e5355
  7. #254244
  8. #1c3233
  9. #122122
  10. #091111
  11. #000000

टिंट

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

  1. #5ca5aa
  2. #6caeb3
  3. #7db7bb
  4. #8dc0c4
  5. #9dc9cc
  6. #aed2d5
  7. #bedbdd
  8. #cee4e6
  9. #deedee
  10. #eff6f7
  11. #ffffff

टोन

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

  1. #5ca5aa
  2. #60a1a6
  3. #639ea2
  4. #679a9d
  5. #6a9699
  6. #6e9395
  7. #728f91
  8. #758b8d
  9. #798788
  10. #7c8484
  11. #808080

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

अक्रोमैटोप्सिया #9a9a9a ≈ 0.003% पुरुष
अक्रोमैटोमली #859ea0 ≈ 0.001% पुरुष
प्रोटानोपिया #9b9faa ≈ 1.01% पुरुष
ड्यूटेरानोपिया #8e95aa ≈ 1.27% पुरुष
ट्राइटानोपिया #33aaa6 ≈ 0.0001% पुरुष
प्रोटानोमली #87a2aa ≈ 1.08% पुरुष
ड्यूटेरानोमली #7d9caa ≈ 4.63% पुरुष
ट्राइटानोमली #47a8a8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-5ca5aa {
  color: #5ca5aa;
}
बैकग्राउंड
.bg-5ca5aa {
  background-color: #5ca5aa;
  color: #000000;
}
बॉर्डर
.border-5ca5aa {
  border: 2px solid #5ca5aa;
}
CSS वेरिएबल
:root {
  --color-primary: #5ca5aa;
  --color-primary-rgb: 92 165 170;
  --color-primary-hsl: 184 31% 51%;
}
ग्रेडिएंट
.gradient-5ca5aa {
  background: linear-gradient(135deg, #5ca5aa, #5c7eaa);
}
रंगीन छाया
.shadow-5ca5aa {
  box-shadow: 0 8px 24px rgb(92 165 170 / 0.35);
}

Cadet Blue
#5ca5aa  rgb(92, 165, 170)  hsl(184, 31%, 51%)  Cadet Blue
#aa615c  rgb(170, 97, 92)  hsl(4, 31%, 51%)  Redwood
#aa5ca5  rgb(170, 92, 165)  hsl(304, 31%, 51%)  Purpureus
#a5aa5c  rgb(165, 170, 92)  hsl(64, 31%, 51%)  Dark Khaki