ColorTool
लॉग इन
#ABAED2

#abaed2 ≈ Wild Blue Yonder

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

#abaed2 “नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 67.06% लाल, 68.24% हरे और 82.35% नीले से बना है; CMYK प्रिंट में इसमें 18.57% सियान, 17.14% मैजेंटा, 0% पीला और 17.65% काला लगता है। HSL में इसका ह्यू कोण 235.38°, संतृप्ति 30.23% और चमक 74.71% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 9.72:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Wild Blue Yonder (#a2add0) है, ΔE 3.18।

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

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

पूरक

  1. #abaed2
  2. #d2cfab

विभाजित पूरक

  1. #abaed2
  2. #d2bcab
  3. #c2d2ab

समरूप

  1. #abc2d2
  2. #abaed2
  3. #bcabd2

त्रिक

  1. #abaed2
  2. #d2abae
  3. #aed2ab

चतुष्क

  1. #abaed2
  2. #cfabd2
  3. #d2cfab
  4. #aed2ab

वर्ग

  1. #abaed2
  2. #d2abc2
  3. #d2cfab
  4. #abd2bc

एकरंगी

  1. #505594
  2. #797eb7
  3. #abaed2
  4. #dddeed
  5. #f2f2f8

शेड

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

  1. #abaed2
  2. #9a9dbd
  3. #898ba8
  4. #787a93
  5. #67687e
  6. #565769
  7. #444654
  8. #33343f
  9. #22232a
  10. #111115
  11. #000000

टिंट

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

  1. #abaed2
  2. #b3b6d7
  3. #bcbedb
  4. #c4c6e0
  5. #cdcee4
  6. #d5d7e9
  7. #dddfed
  8. #e6e7f2
  9. #eeeff6
  10. #f7f7fb
  11. #ffffff

टोन

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

  1. #abaed2
  2. #a7a9ca
  3. #a2a5c2
  4. #9ea0b9
  5. #9a9cb1
  6. #9697a9
  7. #9192a1
  8. #8d8e99
  9. #898990
  10. #848588
  11. #808080

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

अक्रोमैटोप्सिया #b0b0b0 ≈ 0.003% पुरुष
अक्रोमैटोमली #aeafbf ≈ 0.001% पुरुष
प्रोटानोपिया #a5b2d4 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #a3afd1 ≈ 1.27% पुरुष
ट्राइटानोपिया #a2b4ba ≈ 0.0001% पुरुष
प्रोटानोमली #a7b0d3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a6afd1 ≈ 4.63% पुरुष
ट्राइटानोमली #a6b2c4 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#a2add0 Wild Blue Yonder ΔE 3.18 #ccccff Periwinkle ΔE 8.94 #8c92ac Cool Gray ΔE 9.53 #b0c4de Light Steel Blue ΔE 9.61 #b39eb5 Pastel Purple ΔE 10.37 #d6cadd Languid Lavender ΔE 11.14 #aa98a9 Rose Quartz ΔE 11.55 #54512d उल्टा रंग #b0b0b0 ग्रेस्केल 

Wild Blue Yonder
#abaed2  rgb(171, 174, 210)  hsl(235, 30%, 75%)  Wild Blue Yonder
#d2cfab  rgb(210, 207, 171)  hsl(55, 30%, 75%)  Sage
#d2abae  rgb(210, 171, 174)  hsl(355, 30%, 75%)  Pastel Pink
#aed2ab  rgb(174, 210, 171)  hsl(115, 30%, 75%)  Celadon