ColorTool
लॉग इन
#97D3BF

#97d3bf ≈ Seafoam Green

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

#97d3bf “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 59.22% लाल, 82.75% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 28.44% सियान, 0% मैजेंटा, 9.48% पीला और 17.25% काला लगता है। HSL में इसका ह्यू कोण 160°, संतृप्ति 40.54% और चमक 70.98% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.39:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Seafoam Green (#9fe2bf) है, ΔE 5.49।

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

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

पूरक

  1. #97d3bf
  2. #d397ab

विभाजित पूरक

  1. #97d3bf
  2. #d397c9
  3. #d3a197

समरूप

  1. #97d3a1
  2. #97d3bf
  3. #97c9d3

त्रिक

  1. #97d3bf
  2. #bf97d3
  3. #d3bf97

चतुष्क

  1. #97d3bf
  2. #97abd3
  3. #d397ab
  4. #d3bf97

वर्ग

  1. #97d3bf
  2. #a197d3
  3. #d397ab
  4. #c9d397

एकरंगी

  1. #3e9377
  2. #61bc9e
  3. #97d3bf
  4. #cdeae0
  5. #f1f9f6

शेड

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

  1. #97d3bf
  2. #88beac
  3. #79a999
  4. #6a9486
  5. #5b7f73
  6. #4c6a60
  7. #3c544c
  8. #2d3f39
  9. #1e2a26
  10. #0f1513
  11. #000000

टिंट

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

  1. #97d3bf
  2. #a1d7c5
  3. #acdccc
  4. #b6e0d2
  5. #c1e5d9
  6. #cbe9df
  7. #d5ede5
  8. #e0f2ec
  9. #eaf6f2
  10. #f5fbf9
  11. #ffffff

टोन

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

  1. #97d3bf
  2. #95cbb9
  3. #92c2b2
  4. #90baac
  5. #8eb2a6
  6. #8caaa0
  7. #89a199
  8. #879993
  9. #85918d
  10. #828886
  11. #808080

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

अक्रोमैटोप्सिया #c7c7c7 ≈ 0.003% पुरुष
अक्रोमैटोमली #b6ccc4 ≈ 0.001% पुरुष
प्रोटानोपिया #cfcbbe ≈ 1.01% पुरुष
ड्यूटेरानोपिया #c5c4c0 ≈ 1.27% पुरुष
ट्राइटानोपिया #88d4cd ≈ 0.0001% पुरुष
प्रोटानोमली #bbcebe ≈ 1.08% पुरुष
ड्यूटेरानोमली #b4cac0 ≈ 4.63% पुरुष
ट्राइटानोमली #8ed4c8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#9fe2bf Seafoam Green ΔE 5.49 #aaf0d1 Magic Mint ΔE 7.08 #66cdaa Medium Aquamarine ΔE 7.33 #a8c3bc Opal ΔE 9.16 #ace1af Celadon ΔE 9.57 #40e0d0 Turquoise ΔE 9.83 #afeeee Pale Turquoise ΔE 10.11 #682c40 उल्टा रंग #c7c7c7 ग्रेस्केल 

Seafoam Green
#97d3bf  rgb(151, 211, 191)  hsl(160, 41%, 71%)  Seafoam Green
#d397ab  rgb(211, 151, 171)  hsl(340, 41%, 71%)  Puce
#bf97d3  rgb(191, 151, 211)  hsl(280, 41%, 71%)  Wisteria
#d3bf97  rgb(211, 191, 151)  hsl(40, 41%, 71%)  Tan