#2AA4E2

#2aa4e2 ≈ Carolina Blue

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

#2aa4e2 “आसमानी” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 16.47% लाल, 64.31% हरे और 88.63% नीले से बना है; CMYK प्रिंट में इसमें 81.42% सियान, 27.43% मैजेंटा, 0% पीला और 11.37% काला लगता है। HSL में इसका ह्यू कोण 200.22°, संतृप्ति 76.03% और चमक 52.55% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 7.51:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Carolina Blue (#56a0d3) है, ΔE 3.5।

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

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

शेड

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

  1. #2aa4e2
  2. #2694cb
  3. #2283b5
  4. #1d739e
  5. #196288
  6. #155271
  7. #11425a
  8. #0d3144
  9. #08212d
  10. #041017
  11. #000000

टिंट

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

  1. #2aa4e2
  2. #3fade5
  3. #55b6e8
  4. #6abfeb
  5. #7fc8ee
  6. #95d2f1
  7. #aadbf3
  8. #bfe4f6
  9. #d4edf9
  10. #eaf6fc
  11. #ffffff

टोन

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

  1. #2aa4e2
  2. #33a0d8
  3. #3b9dce
  4. #4499c5
  5. #4c96bb
  6. #5592b1
  7. #5e8ea7
  8. #668b9d
  9. #6f8794
  10. #77848a
  11. #808080

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

अक्रोमैटोप्सिया #9a9a9a ≈ 0.003% पुरुष
अक्रोमैटोमली #7d9ebb ≈ 0.001% पुरुष
प्रोटानोपिया #86a4e5 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #6e93e1 ≈ 1.27% पुरुष
ट्राइटानोपिया #00b4b9 ≈ 0.0001% पुरुष
प्रोटानोमली #6da4e4 ≈ 1.08% पुरुष
ड्यूटेरानोमली #5a9ae1 ≈ 4.63% पुरुष
ट्राइटानोमली #00aecb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Carolina Blue
#2aa4e2  rgb(42, 164, 226)  hsl(200, 76%, 53%)  Carolina Blue
#e2682a  rgb(226, 104, 42)  hsl(20, 76%, 53%)  Persimmon
#e22aa4  rgb(226, 42, 164)  hsl(320, 76%, 53%)  Shocking Pink
#a4e22a  rgb(164, 226, 42)  hsl(80, 76%, 53%)  Inchworm