#2EA4E2

#2ea4e2 ≈ Carolina Blue

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

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

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

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

शेड

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

  1. #2ea4e2
  2. #2994cb
  3. #2583b5
  4. #20739e
  5. #1c6288
  6. #175271
  7. #12425a
  8. #0e3144
  9. #09212d
  10. #051017
  11. #000000

टिंट

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

  1. #2ea4e2
  2. #43ade5
  3. #58b6e8
  4. #6dbfeb
  5. #82c8ee
  6. #97d2f1
  7. #abdbf3
  8. #c0e4f6
  9. #d5edf9
  10. #eaf6fc
  11. #ffffff

टोन

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

  1. #2ea4e2
  2. #36a0d8
  3. #3e9dce
  4. #4799c5
  5. #4f96bb
  6. #5792b1
  7. #5f8ea7
  8. #678b9d
  9. #708794
  10. #78848a
  11. #808080

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

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

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

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

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

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

Carolina Blue
#2ea4e2  rgb(46, 164, 226)  hsl(201, 76%, 53%)  Carolina Blue
#e26c2e  rgb(226, 108, 46)  hsl(21, 76%, 53%)  Persimmon
#e22ea4  rgb(226, 46, 164)  hsl(321, 76%, 53%)  Shocking Pink
#a4e22e  rgb(164, 226, 46)  hsl(81, 76%, 53%)  Inchworm