ColorTool
लॉग इन
#ABE4FD

#abe4fd ≈ Non-Photo Blue

  • आसमानी
  • चमक: बहुत अधिक
  • संतृप्ति: मध्यम
  • ठंडा
कंट्रास्ट जाँचें ग्राफ़ में देखें रैंडम रंग

#abe4fd “आसमानी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 67.06% लाल, 89.41% हरे और 99.22% नीले से बना है; CMYK प्रिंट में इसमें 32.41% सियान, 9.88% मैजेंटा, 0% पीला और 0.78% काला लगता है। HSL में इसका ह्यू कोण 198.29°, संतृप्ति 95.35% और चमक 83.14% है। यह एक ठंडा रंग है, जो अक्सर खुलापन, स्वतंत्रता और शांति से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.25:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Non-Photo Blue (#a4dded) है, ΔE 3.75।

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

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

पूरक

  1. #abe4fd
  2. #fdc4ab

विभाजित पूरक

  1. #abe4fd
  2. #fdabbb
  3. #fdedab

समरूप

  1. #abfded
  2. #abe4fd
  3. #abbbfd

त्रिक

  1. #abe4fd
  2. #fdabe4
  3. #e4fdab

चतुष्क

  1. #abe4fd
  2. #c4abfd
  3. #fdc4ab
  4. #e4fdab

वर्ग

  1. #abe4fd
  2. #edabfd
  3. #fdc4ab
  4. #bbfdab

एकरंगी

  1. #16b4f9
  2. #60ccfb
  3. #abe4fd
  4. #ebf9ff
  5. #ebf9ff

शेड

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

  1. #abe4fd
  2. #9acde4
  3. #89b6ca
  4. #78a0b1
  5. #678998
  6. #56727f
  7. #445b65
  8. #33444c
  9. #222e33
  10. #111719
  11. #000000

टिंट

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

  1. #abe4fd
  2. #b3e7fd
  3. #bce9fd
  4. #c4ecfe
  5. #cdeffe
  6. #d5f2fe
  7. #ddf4fe
  8. #e6f7fe
  9. #eefaff
  10. #f7fcff
  11. #ffffff

टोन

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

  1. #abe4fd
  2. #a7daf1
  3. #a2d0e4
  4. #9ec6d8
  5. #9abccb
  6. #96b2bf
  7. #91a8b2
  8. #8d9ea6
  9. #899499
  10. #848a8d
  11. #808080

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

अक्रोमैटोप्सिया #dcdcdc ≈ 0.003% पुरुष
अक्रोमैटोमली #cadfea ≈ 0.001% पुरुष
प्रोटानोपिया #d7e1fe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cad7fd ≈ 1.27% पुरुष
ट्राइटानोपिया #8fecec ≈ 0.0001% पुरुष
प्रोटानोमली #c7e2fe ≈ 1.08% पुरुष
ड्यूटेरानोमली #bfddfd ≈ 4.63% पुरुष
ट्राइटानोमली #9be9f3 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-abe4fd {
  color: #abe4fd;
}
बैकग्राउंड
.bg-abe4fd {
  background-color: #abe4fd;
  color: #000000;
}
बॉर्डर
.border-abe4fd {
  border: 2px solid #abe4fd;
}
CSS वेरिएबल
:root {
  --color-primary: #abe4fd;
  --color-primary-rgb: 171 228 253;
  --color-primary-hsl: 198 95% 83%;
}
ग्रेडिएंट
.gradient-abe4fd {
  background: linear-gradient(135deg, #abe4fd, #abbbfd);
}
रंगीन छाया
.shadow-abe4fd {
  box-shadow: 0 8px 24px rgb(171 228 253 / 0.35);
}

#a4dded Non-Photo Blue ΔE 3.75 #add8e6 Light Blue ΔE 4.49 #b9d9eb Columbia Blue ΔE 5.36 #89cff0 Baby Blue ΔE 5.83 #87ceeb Sky Blue ΔE 5.99 #b0e0e6 Powder Blue ΔE 6.88 #87cefa Light Sky Blue ΔE 7.43 #541b02 उल्टा रंग #dcdcdc ग्रेस्केल 

Non-Photo Blue
#abe4fd  rgb(171, 228, 253)  hsl(198, 95%, 83%)  Non-Photo Blue
#fdc4ab  rgb(253, 196, 171)  hsl(18, 95%, 83%)  Zinnwaldite
#fdabe4  rgb(253, 171, 228)  hsl(318, 95%, 83%)  Plum
#e4fdab  rgb(228, 253, 171)  hsl(78, 95%, 83%)  Pastel Yellow