ColorTool
लॉग इन
#48FFBC

#48ffbc ≈ Medium Spring Green

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

#48ffbc “हरा-नीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति तेज़ है। RGB मॉडल में यह 28.24% लाल, 100% हरे और 73.73% नीले से बना है; CMYK प्रिंट में इसमें 71.76% सियान, 0% मैजेंटा, 26.27% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 158.03°, संतृप्ति 100% और चमक 64.12% है। यह गर्म और ठंडे के बीच है और अक्सर स्पष्टता, शांति और नवीनता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर स्वास्थ्य और वेलनेस, टेक्नोलॉजी उत्पाद और कॉल-टू-एक्शन बटन के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 16.31:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Medium Spring Green (#00fa9a) है, ΔE 5.35।

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

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

पूरक

  1. #48ffbc
  2. #ff488b

विभाजित पूरक

  1. #48ffbc
  2. #ff48e7
  3. #ff6148

समरूप

  1. #48ff61
  2. #48ffbc
  3. #48e7ff

त्रिक

  1. #48ffbc
  2. #bc48ff
  3. #ffbc48

चतुष्क

  1. #48ffbc
  2. #488bff
  3. #ff488b
  4. #ffbc48

वर्ग

  1. #48ffbc
  2. #6148ff
  3. #ff488b
  4. #e7ff48

एकरंगी

  1. #00ae6e
  2. #00fb9f
  3. #48ffbc
  4. #95ffd8
  5. #e1fff4

शेड

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

  1. #48ffbc
  2. #41e6a9
  3. #3acc96
  4. #32b384
  5. #2b9971
  6. #24805e
  7. #1d664b
  8. #164d38
  9. #0e3326
  10. #071a13
  11. #000000

टिंट

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

  1. #48ffbc
  2. #5affc3
  3. #6dffc9
  4. #7fffd0
  5. #91ffd7
  6. #a4ffde
  7. #b6ffe4
  8. #c8ffeb
  9. #dafff2
  10. #edfff8
  11. #ffffff

टोन

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

  1. #48ffbc
  2. #4ef2b6
  3. #53e6b0
  4. #59d9aa
  5. #5ecca4
  6. #64c09e
  7. #6ab398
  8. #6fa692
  9. #75998c
  10. #7a8d86
  11. #808080

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

अक्रोमैटोप्सिया #e3e3e3 ≈ 0.003% पुरुष
अक्रोमैटोमली #b9efd4 ≈ 0.001% पुरुष
प्रोटानोपिया #faedb8 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e3dcc0 ≈ 1.27% पुरुष
ट्राइटानोपिया #00ffed ≈ 0.0001% पुरुष
प्रोटानोमली #ccf4ba ≈ 1.08% पुरुष
ड्यूटेरानोमली #b9ebbf ≈ 4.63% पुरुष
ट्राइटानोमली #00ffdb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-48ffbc {
  color: #48ffbc;
}
बैकग्राउंड
.bg-48ffbc {
  background-color: #48ffbc;
  color: #000000;
}
बॉर्डर
.border-48ffbc {
  border: 2px solid #48ffbc;
}
CSS वेरिएबल
:root {
  --color-primary: #48ffbc;
  --color-primary-rgb: 72 255 188;
  --color-primary-hsl: 158 100% 64%;
}
ग्रेडिएंट
.gradient-48ffbc {
  background: linear-gradient(135deg, #48ffbc, #48e7ff);
}
रंगीन छाया
.shadow-48ffbc {
  box-shadow: 0 8px 24px rgb(72 255 188 / 0.35);
}

#00fa9a Medium Spring Green ΔE 5.35 #7fffd4 Aquamarine ΔE 5.66 #00ff7f Spring Green ΔE 9.47 #98fb98 Pale Green ΔE 10.08 #98ff98 Mint Green ΔE 10.24 #90ee90 Light Green ΔE 10.28 #aaf0d1 Magic Mint ΔE 11.13 #b70043 उल्टा रंग #e3e3e3 ग्रेस्केल 

Medium Spring Green
#48ffbc  rgb(72, 255, 188)  hsl(158, 100%, 64%)  Medium Spring Green
#ff488b  rgb(255, 72, 139)  hsl(338, 100%, 64%)  French Rose
#bc48ff  rgb(188, 72, 255)  hsl(278, 100%, 64%)  Electric Purple
#ffbc48  rgb(255, 188, 72)  hsl(38, 100%, 64%)  Pastel Orange