ColorTool
लॉग इन
#BABAEE

#babaee ≈ Periwinkle

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

#babaee “नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 72.94% लाल, 72.94% हरे और 93.33% नीले से बना है; CMYK प्रिंट में इसमें 21.85% सियान, 21.85% मैजेंटा, 0% पीला और 6.67% काला लगता है। HSL में इसका ह्यू कोण 240°, संतृप्ति 60.47% और चमक 83.14% है। यह एक ठंडा रंग है, जो अक्सर भरोसा, स्थिरता और एकाग्रता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर टेक्नोलॉजी उत्पाद, वित्त और बैंकिंग और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 11.35:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Periwinkle (#ccccff) है, ΔE 4.47।

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

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

पूरक

  1. #babaee
  2. #eeeeba

विभाजित पूरक

  1. #babaee
  2. #eed4ba
  3. #d4eeba

समरूप

  1. #bad4ee
  2. #babaee
  3. #d4baee

त्रिक

  1. #babaee
  2. #eebaba
  3. #baeeba

चतुष्क

  1. #babaee
  2. #eebaee
  3. #eeeeba
  4. #baeeba

वर्ग

  1. #babaee
  2. #eebad4
  3. #eeeeba
  4. #baeed4

एकरंगी

  1. #3f3fd0
  2. #7d7ddf
  3. #babaee
  4. #efeffb
  5. #efeffb

शेड

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

  1. #babaee
  2. #a7a7d6
  3. #9595be
  4. #8282a7
  5. #70708f
  6. #5d5d77
  7. #4a4a5f
  8. #383847
  9. #252530
  10. #131318
  11. #000000

टिंट

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

  1. #babaee
  2. #c1c1f0
  3. #c8c8f1
  4. #cfcff3
  5. #d6d6f5
  6. #ddddf7
  7. #e3e3f8
  8. #eaeafa
  9. #f1f1fc
  10. #f8f8fd
  11. #ffffff

टोन

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

  1. #babaee
  2. #b4b4e3
  3. #aeaed8
  4. #a9a9cd
  5. #a3a3c2
  6. #9d9db7
  7. #9797ac
  8. #9191a1
  9. #8c8c96
  10. #86868b
  11. #808080

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

अक्रोमैटोप्सिया #bebebe ≈ 0.003% पुरुष
अक्रोमैटोमली #bdbdd3 ≈ 0.001% पुरुष
प्रोटानोपिया #adc0f0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #abbded ≈ 1.27% पुरुष
ट्राइटानोपिया #aec3cc ≈ 0.0001% पुरुष
प्रोटानोमली #b2beef ≈ 1.08% पुरुष
ड्यूटेरानोमली #b1bced ≈ 4.63% पुरुष
ट्राइटानोमली #b3bfda ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#ccccff Periwinkle ΔE 4.47 #a2add0 Wild Blue Yonder ΔE 6.70 #b0c4de Light Steel Blue ΔE 9.64 #e0b0ff Mauve ΔE 10.74 #c9a0dc Wisteria ΔE 11.09 #d6cadd Languid Lavender ΔE 11.65 #d8bfd8 Thistle ΔE 11.90 #454511 उल्टा रंग #bebebe ग्रेस्केल 

Periwinkle
#babaee  rgb(186, 186, 238)  hsl(240, 60%, 83%)  Periwinkle
#eeeeba  rgb(238, 238, 186)  hsl(60, 60%, 83%)  Pale Goldenrod
#eebaba  rgb(238, 186, 186)  hsl(0, 60%, 83%)  Baby Pink
#baeeba  rgb(186, 238, 186)  hsl(120, 60%, 83%)  Celadon