ColorTool
लॉग इन
#C5E4E0

#c5e4e0 ≈ Powder Blue

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

#c5e4e0 “हरा-नीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 77.25% लाल, 89.41% हरे और 87.84% नीले से बना है; CMYK प्रिंट में इसमें 13.6% सियान, 0% मैजेंटा, 1.75% पीला और 10.59% काला लगता है। HSL में इसका ह्यू कोण 172.26°, संतृप्ति 36.47% और चमक 83.33% है। यह एक ठंडा रंग है, जो अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.55:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Powder Blue (#b0e0e6) है, ΔE 5.43।

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

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

पूरक

  1. #c5e4e0
  2. #e4c5c9

विभाजित पूरक

  1. #c5e4e0
  2. #e4c5d8
  3. #e4d0c5

समरूप

  1. #c5e4d0
  2. #c5e4e0
  3. #c5d8e4

त्रिक

  1. #c5e4e0
  2. #e0c5e4
  3. #e4e0c5

चतुष्क

  1. #c5e4e0
  2. #c5c9e4
  3. #e4c5c9
  4. #e4e0c5

वर्ग

  1. #c5e4e0
  2. #d0c5e4
  3. #e4c5c9
  4. #d8e4c5

एकरंगी

  1. #5db3a8
  2. #91ccc4
  3. #c5e4e0
  4. #f1f9f8
  5. #f1f9f8

शेड

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

  1. #c5e4e0
  2. #b1cdca
  3. #9eb6b3
  4. #8aa09d
  5. #768986
  6. #637270
  7. #4f5b5a
  8. #3b4443
  9. #272e2d
  10. #141716
  11. #000000

टिंट

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

  1. #c5e4e0
  2. #cbe7e3
  3. #d1e9e6
  4. #d6ece9
  5. #dcefec
  6. #e2f2f0
  7. #e8f4f3
  8. #eef7f6
  9. #f3faf9
  10. #f9fcfc
  11. #ffffff

टोन

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

  1. #c5e4e0
  2. #bedad6
  3. #b7d0cd
  4. #b0c6c3
  5. #a9bcba
  6. #a3b2b0
  7. #9ca8a6
  8. #959e9d
  9. #8e9493
  10. #878a8a
  11. #808080

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

अक्रोमैटोप्सिया #dedede ≈ 0.003% पुरुष
अक्रोमैटोमली #d4e0df ≈ 0.001% पुरुष
प्रोटानोपिया #e0e0e0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #dadce0 ≈ 1.27% पुरुष
ट्राइटानोपिया #bde6e3 ≈ 0.0001% पुरुष
प्रोटानोमली #d6e2e0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #d2dfe0 ≈ 4.63% पुरुष
ट्राइटानोमली #c0e5e2 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#b0e0e6 Powder Blue ΔE 5.43 #e0ffff Light Cyan ΔE 6.10 #afeeee Pale Turquoise ΔE 6.92 #a8c3bc Opal ΔE 8.02 #add8e6 Light Blue ΔE 8.13 #f0ffff Azure ΔE 8.74 #a4dded Non-Photo Blue ΔE 9.02 #3a1b1f उल्टा रंग #dedede ग्रेस्केल 

Powder Blue
#c5e4e0  rgb(197, 228, 224)  hsl(172, 36%, 83%)  Powder Blue
#e4c5c9  rgb(228, 197, 201)  hsl(352, 36%, 83%)  Pale Pink
#e0c5e4  rgb(224, 197, 228)  hsl(292, 36%, 83%)  Thistle
#e4e0c5  rgb(228, 224, 197)  hsl(52, 36%, 83%)  Pearl