#FFBBAF

#ffbbaf ≈ Melon

  • गुलाबी
  • चमक: बहुत अधिक
  • संतृप्ति: मध्यम
  • गर्म

#ffbbaf “गुलाबी” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 100% लाल, 73.33% हरे और 68.63% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 26.67% मैजेंटा, 31.37% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 9°, संतृप्ति 100% और चमक 84.31% है। यह एक गर्म रंग है, जो अक्सर कोमलता, देखभाल और मिठास से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, शादियाँ और उत्सव और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 12.98:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Melon (#fdbcb4) है, ΔE 1.58।

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

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

शेड

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

  1. #ffbbaf
  2. #e6a89e
  3. #cc968c
  4. #b3837b
  5. #997069
  6. #805e58
  7. #664b46
  8. #4d3835
  9. #332523
  10. #1a1312
  11. #000000

टिंट

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

  1. #ffbbaf
  2. #ffc2b7
  3. #ffc9bf
  4. #ffcfc7
  5. #ffd6cf
  6. #ffddd7
  7. #ffe4df
  8. #ffebe7
  9. #fff1ef
  10. #fff8f7
  11. #ffffff

टोन

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

  1. #ffbbaf
  2. #f2b5aa
  3. #e6afa6
  4. #d9a9a1
  5. #cca39c
  6. #c09e98
  7. #b39893
  8. #a6928e
  9. #998c89
  10. #8d8685
  11. #808080

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

अक्रोमैटोप्सिया #cbcbcb ≈ 0.003% पुरुष
अक्रोमैटोमली #e2c5c1 ≈ 0.001% पुरुष
प्रोटानोपिया #cac3ae ≈ 1.01% पुरुष
ड्यूटेरानोपिया #d9d1ae ≈ 1.27% पुरुष
ट्राइटानोपिया #ffb2b8 ≈ 0.0001% पुरुष
प्रोटानोमली #e1c0ae ≈ 1.08% पुरुष
ड्यूटेरानोमली #e9c8af ≈ 4.63% पुरुष
ट्राइटानोमली #ffb6b4 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Melon
#ffbbaf  rgb(255, 187, 175)  hsl(9, 100%, 84%)  Melon
#aff3ff  rgb(175, 243, 255)  hsl(189, 100%, 84%)  Pale Turquoise
#afffbb  rgb(175, 255, 187)  hsl(129, 100%, 84%)  Pale Green
#bbafff  rgb(187, 175, 255)  hsl(249, 100%, 84%)  Periwinkle