ColorTool
लॉग इन
#F4E7B5

#f4e7b5 ≈ Vanilla

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

#f4e7b5 “पीला” परिवार का रंग है; इसकी चमक बहुत अधिक और संतृप्ति हल्की है। RGB मॉडल में यह 95.69% लाल, 90.59% हरे और 70.98% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 5.33% मैजेंटा, 25.82% पीला और 4.31% काला लगता है। HSL में इसका ह्यू कोण 47.62°, संतृप्ति 74.12% और चमक 83.33% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और हल्के पेस्टल पैलेट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 16.94:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Vanilla (#f3e5ab) है, ΔE 1.88।

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

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

पूरक

  1. #f4e7b5
  2. #b5c2f4

विभाजित पूरक

  1. #f4e7b5
  2. #b5e1f4
  3. #c7b5f4

समरूप

  1. #f4c7b5
  2. #f4e7b5
  3. #e1f4b5

त्रिक

  1. #f4e7b5
  2. #b5f4e7
  3. #e7b5f4

चतुष्क

  1. #f4e7b5
  2. #c2f4b5
  3. #b5c2f4
  4. #e7b5f4

वर्ग

  1. #f4e7b5
  2. #b5f4c7
  3. #b5c2f4
  4. #f4b5e1

एकरंगी

  1. #e0bc30
  2. #ead172
  3. #f4e7b5
  4. #fcf9ed
  5. #fcf9ed

शेड

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

  1. #f4e7b5
  2. #dcd0a3
  3. #c3b991
  4. #aba27f
  5. #928b6d
  6. #7a745b
  7. #625c48
  8. #494536
  9. #312e24
  10. #181712
  11. #000000

टिंट

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

  1. #f4e7b5
  2. #f5e9bc
  3. #f6ecc4
  4. #f7eecb
  5. #f8f1d3
  6. #faf3da
  7. #fbf5e1
  8. #fcf8e9
  9. #fdfaf0
  10. #fefdf8
  11. #ffffff

टोन

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

  1. #f4e7b5
  2. #e8ddb0
  3. #ddd2aa
  4. #d1c8a5
  5. #c6bea0
  6. #bab49b
  7. #aea995
  8. #a39f90
  9. #97958b
  10. #8c8a85
  11. #808080

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

अक्रोमैटोप्सिया #e7e7e7 ≈ 0.003% पुरुष
अक्रोमैटोमली #ece7d5 ≈ 0.001% पुरुष
प्रोटानोपिया #f2e4b2 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #f5e9b7 ≈ 1.27% पुरुष
ट्राइटानोपिया #fedfd9 ≈ 0.0001% पुरुष
प्रोटानोमली #f3e5b3 ≈ 1.08% पुरुष
ड्यूटेरानोमली #f5e8b6 ≈ 4.63% पुरुष
ट्राइटानोमली #fae2cc ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#f3e5ab Vanilla ΔE 1.88 #faf0be Blond ΔE 2.06 #eee8aa Pale Goldenrod ΔE 3.60 #ffe5b4 Peach ΔE 4.47 #f5deb3 Wheat ΔE 4.60 #fffacd Lemon Chiffon ΔE 4.72 #ffe4b5 Moccasin ΔE 5.04 #0b184a उल्टा रंग #e7e7e7 ग्रेस्केल 

Vanilla
#f4e7b5  rgb(244, 231, 181)  hsl(48, 74%, 83%)  Vanilla
#b5c2f4  rgb(181, 194, 244)  hsl(228, 74%, 83%)  Periwinkle
#b5f4e7  rgb(181, 244, 231)  hsl(168, 74%, 83%)  Pale Turquoise
#e7b5f4  rgb(231, 181, 244)  hsl(288, 74%, 83%)  Mauve