ColorTool
लॉग इन
#97BBB0

#97bbb0 ≈ Opal

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

#97bbb0 “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 59.22% लाल, 73.33% हरे और 69.02% नीले से बना है; CMYK प्रिंट में इसमें 19.25% सियान, 0% मैजेंटा, 5.88% पीला और 26.67% काला लगता है। HSL में इसका ह्यू कोण 161.67°, संतृप्ति 20.93% और चमक 66.27% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 10.05:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Opal (#a8c3bc) है, ΔE 4.14।

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

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

पूरक

  1. #97bbb0
  2. #bb97a2

विभाजित पूरक

  1. #97bbb0
  2. #bb97b4
  3. #bb9e97

समरूप

  1. #97bb9e
  2. #97bbb0
  3. #97b4bb

त्रिक

  1. #97bbb0
  2. #b097bb
  3. #bbb097

चतुष्क

  1. #97bbb0
  2. #97a2bb
  3. #bb97a2
  4. #bbb097

वर्ग

  1. #97bbb0
  2. #9e97bb
  3. #bb97a2
  4. #b4bb97

एकरंगी

  1. #497064
  2. #699d8d
  3. #97bbb0
  4. #c5d9d3
  5. #f3f7f6

शेड

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

  1. #97bbb0
  2. #88a89e
  3. #79968d
  4. #6a837b
  5. #5b706a
  6. #4c5e58
  7. #3c4b46
  8. #2d3835
  9. #1e2523
  10. #0f1312
  11. #000000

टिंट

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

  1. #97bbb0
  2. #a1c2b8
  3. #acc9c0
  4. #b6cfc8
  5. #c1d6d0
  6. #cbddd8
  7. #d5e4df
  8. #e0ebe7
  9. #eaf1ef
  10. #f5f8f7
  11. #ffffff

टोन

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

  1. #97bbb0
  2. #95b5ab
  3. #92afa6
  4. #90a9a2
  5. #8ea39d
  6. #8c9e98
  7. #899893
  8. #87928e
  9. #858c8a
  10. #828685
  11. #808080

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

अक्रोमैटोप्सिया #b3b3b3 ≈ 0.003% पुरुष
अक्रोमैटोमली #a9b6b2 ≈ 0.001% पुरुष
प्रोटानोपिया #b8b6b0 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #b1b1b1 ≈ 1.27% पुरुष
ट्राइटानोपिया #8fbcb8 ≈ 0.0001% पुरुष
प्रोटानोमली #acb8b0 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a8b5b0 ≈ 4.63% पुरुष
ट्राइटानोमली #92bcb5 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-97bbb0 {
  color: #97bbb0;
}
बैकग्राउंड
.bg-97bbb0 {
  background-color: #97bbb0;
  color: #000000;
}
बॉर्डर
.border-97bbb0 {
  border: 2px solid #97bbb0;
}
CSS वेरिएबल
:root {
  --color-primary: #97bbb0;
  --color-primary-rgb: 151 187 176;
  --color-primary-hsl: 162 21% 66%;
}
ग्रेडिएंट
.gradient-97bbb0 {
  background: linear-gradient(135deg, #97bbb0, #97b4bb);
}
रंगीन छाया
.shadow-97bbb0 {
  box-shadow: 0 8px 24px rgb(151 187 176 / 0.35);
}

#a8c3bc Opal ΔE 4.14 #b2beb5 Ash Gray ΔE 8.04 #8fbc8f Dark Sea Green ΔE 10.86 #aec6cf Pastel Blue ΔE 11.34 #b0e0e6 Powder Blue ΔE 11.70 #43b3ae Verdigris ΔE 11.86 #66cdaa Medium Aquamarine ΔE 11.97 #68444f उल्टा रंग #b3b3b3 ग्रेस्केल 

Opal
#97bbb0  rgb(151, 187, 176)  hsl(162, 21%, 66%)  Opal
#bb97a2  rgb(187, 151, 162)  hsl(342, 21%, 66%)  Rosy Brown
#b097bb  rgb(176, 151, 187)  hsl(282, 21%, 66%)  Pastel Purple
#bbb097  rgb(187, 176, 151)  hsl(42, 21%, 66%)  Ecru