#FFBBF4

#ffbbf4 ≈ Plum

  • मैजेंटा
  • चमक: बहुत अधिक
  • संतृप्ति: मध्यम
  • संतुलित

#ffbbf4 “मैजेंटा” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 100% लाल, 73.33% हरे और 95.69% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 26.67% मैजेंटा, 4.31% पीला और 0% काला लगता है। HSL में इसका ह्यू कोण 309.71°, संतृप्ति 100% और चमक 86.67% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 13.67:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Plum (#dda0dd) है, ΔE 7.47।

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

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

शेड

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

  1. #ffbbf4
  2. #e6a8dc
  3. #cc96c3
  4. #b383ab
  5. #997092
  6. #805e7a
  7. #664b62
  8. #4d3849
  9. #332531
  10. #1a1318
  11. #000000

टिंट

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

  1. #ffbbf4
  2. #ffc2f5
  3. #ffc9f6
  4. #ffcff7
  5. #ffd6f8
  6. #ffddfa
  7. #ffe4fb
  8. #ffebfc
  9. #fff1fd
  10. #fff8fe
  11. #ffffff

टोन

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

  1. #ffbbf4
  2. #f2b5e8
  3. #e6afdd
  4. #d9a9d1
  5. #cca3c6
  6. #c09eba
  7. #b398ae
  8. #a692a3
  9. #998c97
  10. #8d868c
  11. #808080

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

अक्रोमैटोप्सिया #d0d0d0 ≈ 0.003% पुरुष
अक्रोमैटोमली #e5c8e0 ≈ 0.001% पुरुष
प्रोटानोपिया #bacbf6 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #cad4f2 ≈ 1.27% पुरुष
ट्राइटानोपिया #ffbecf ≈ 0.0001% पुरुष
प्रोटानोमली #d9c5f5 ≈ 1.08% पुरुष
ड्यूटेरानोमली #e1caf3 ≈ 4.63% पुरुष
ट्राइटानोमली #ffbddf ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Plum
#ffbbf4  rgb(255, 187, 244)  hsl(310, 100%, 87%)  Plum
#bbffc6  rgb(187, 255, 198)  hsl(130, 100%, 87%)  Celadon
#f4ffbb  rgb(244, 255, 187)  hsl(70, 100%, 87%)  Cream
#bbf4ff  rgb(187, 244, 255)  hsl(190, 100%, 87%)  Powder Blue