#F3D8A1

#f3d8a1 ≈ Wheat

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

#f3d8a1 “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 95.29% लाल, 84.71% हरे और 63.14% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 11.11% मैजेंटा, 33.74% पीला और 4.71% काला लगता है। HSL में इसका ह्यू कोण 40.24°, संतृप्ति 77.36% और चमक 79.22% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 15.15:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Wheat (#f5deb3) है, ΔE 3.22।

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

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

शेड

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

  1. #f3d8a1
  2. #dbc291
  3. #c2ad81
  4. #aa9771
  5. #928261
  6. #7a6c51
  7. #615640
  8. #494130
  9. #312b20
  10. #181610
  11. #000000

टिंट

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

  1. #f3d8a1
  2. #f4dcaa
  3. #f5e0b4
  4. #f7e4bd
  5. #f8e8c7
  6. #f9ecd0
  7. #faefd9
  8. #fbf3e3
  9. #fdf7ec
  10. #fefbf6
  11. #ffffff

टोन

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

  1. #f3d8a1
  2. #e8cf9e
  3. #dcc69a
  4. #d1be97
  5. #c5b594
  6. #baac91
  7. #aea38d
  8. #a39a8a
  9. #979287
  10. #8c8983
  11. #808080

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

अक्रोमैटोप्सिया #dbdbdb ≈ 0.003% पुरुष
अक्रोमैटोमली #e5dac6 ≈ 0.001% पुरुष
प्रोटानोपिया #e5d79d ≈ 1.01% पुरुष
ड्यूटेरानोपिया #ecdea3 ≈ 1.27% पुरुष
ट्राइटानोपिया #ffcfc9 ≈ 0.0001% पुरुष
प्रोटानोमली #ebd79f ≈ 1.08% पुरुष
ड्यूटेरानोमली #efdca2 ≈ 4.63% पुरुष
ट्राइटानोमली #fbd2bb ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

Wheat
#f3d8a1  rgb(243, 216, 161)  hsl(40, 77%, 79%)  Wheat
#a1bcf3  rgb(161, 188, 243)  hsl(220, 77%, 79%)  Light Steel Blue
#a1f3d8  rgb(161, 243, 216)  hsl(160, 77%, 79%)  Magic Mint
#d8a1f3  rgb(216, 161, 243)  hsl(280, 77%, 79%)  Mauve