#F32F4E

#f32f4e ≈ Folly

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

#f32f4e “लाल” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति बहुत चटक है। RGB मॉडल में यह 95.29% लाल, 18.43% हरे और 30.59% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 80.66% मैजेंटा, 67.9% पीला और 4.71% काला लगता है। HSL में इसका ह्यू कोण 350.51°, संतृप्ति 89.09% और चमक 56.86% है। यह एक गर्म रंग है, जो अक्सर ऊर्जा, जुनून और तात्कालिकता से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर खाद्य ब्रांड और रेस्टोरेंट, सेल और प्रमोशन और कॉल-टू-एक्शन बटन के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.33:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Folly (#ff004f) है, ΔE 2.42।

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

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

शेड

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

  1. #f32f4e
  2. #db2a46
  3. #c2263e
  4. #aa2137
  5. #921c2f
  6. #7a1827
  7. #61131f
  8. #490e17
  9. #310910
  10. #180508
  11. #000000

टिंट

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

  1. #f32f4e
  2. #f44460
  3. #f55971
  4. #f76d83
  5. #f88295
  6. #f997a7
  7. #faacb8
  8. #fbc1ca
  9. #fdd5dc
  10. #feeaed
  11. #ffffff

टोन

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

  1. #f32f4e
  2. #e83753
  3. #dc3f58
  4. #d1475d
  5. #c54f62
  6. #ba5867
  7. #ae606c
  8. #a36871
  9. #977076
  10. #8c787b
  11. #808080

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

अक्रोमैटोप्सिया #808080 ≈ 0.003% पुरुष
अक्रोमैटोमली #ba696f ≈ 0.001% पुरुष
प्रोटानोपिया #6c664e ≈ 1.01% पुरुष
ड्यूटेरानोपिया #9d8f48 ≈ 1.27% पुरुष
ट्राइटानोपिया #ff003d ≈ 0.0001% पुरुष
प्रोटानोमली #b3554e ≈ 1.08% पुरुष
ड्यूटेरानोमली #c5744a ≈ 4.63% पुरुष
ट्राइटानोमली #ff0045 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-f32f4e {
  color: #f32f4e;
}
बैकग्राउंड
.bg-f32f4e {
  background-color: #f32f4e;
  color: #000000;
}
बॉर्डर
.border-f32f4e {
  border: 2px solid #f32f4e;
}
CSS वेरिएबल
:root {
  --color-primary: #f32f4e;
  --color-primary-rgb: 243 47 78;
  --color-primary-hsl: 351 89% 57%;
}
ग्रेडिएंट
.gradient-f32f4e {
  background: linear-gradient(135deg, #f32f4e, #f3722f);
}
रंगीन छाया
.shadow-f32f4e {
  box-shadow: 0 8px 24px rgb(243 47 78 / 0.35);
}

Folly
#f32f4e  rgb(243, 47, 78)  hsl(351, 89%, 57%)  Folly
#2ff3d4  rgb(47, 243, 212)  hsl(171, 89%, 57%)  Turquoise Blue
#4ef32f  rgb(78, 243, 47)  hsl(111, 89%, 57%)  Neon Green
#2f4ef3  rgb(47, 78, 243)  hsl(231, 89%, 57%)  Majorelle Blue