ColorTool
लॉग इन
#DFD69E

#dfd69e ≈ Vanilla

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

#dfd69e “पीला” परिवार का रंग है; इसकी चमक अधिक और संतृप्ति मध्यम है। RGB मॉडल में यह 87.45% लाल, 83.92% हरे और 61.96% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 4.04% मैजेंटा, 29.15% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 51.69°, संतृप्ति 50.39% और चमक 74.71% है। यह एक गर्म रंग है, जो अक्सर आशावाद, ध्यान और ख़ुशी से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर हाइलाइट और चेतावनियाँ, बच्चों के उत्पाद और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 14.25:1 है (WCAG AAA)। सबसे नज़दीकी नामित रंग Vanilla (#f3e5ab) है, ΔE 3.91।

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

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

पूरक

  1. #dfd69e
  2. #9ea7df

विभाजित पूरक

  1. #dfd69e
  2. #9ec8df
  3. #b69edf

समरूप

  1. #dfb69e
  2. #dfd69e
  3. #c8df9e

त्रिक

  1. #dfd69e
  2. #9edfd6
  3. #d69edf

चतुष्क

  1. #dfd69e
  2. #a7df9e
  3. #9ea7df
  4. #d69edf

वर्ग

  1. #dfd69e
  2. #9edfb6
  3. #9ea7df
  4. #df9ec8

एकरंगी

  1. #ab9c39
  2. #ccbe64
  3. #dfd69e
  4. #f2eed8
  5. #faf9f0

शेड

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

  1. #dfd69e
  2. #c9c18e
  3. #b2ab7e
  4. #9c966f
  5. #86805f
  6. #706b4f
  7. #59563f
  8. #43402f
  9. #2d2b20
  10. #161510
  11. #000000

टिंट

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

  1. #dfd69e
  2. #e2daa8
  3. #e5deb1
  4. #e9e2bb
  5. #ece6c5
  6. #efebcf
  7. #f2efd8
  8. #f5f3e2
  9. #f9f7ec
  10. #fcfbf5
  11. #ffffff

टोन

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

  1. #dfd69e
  2. #d6cd9b
  3. #ccc598
  4. #c3bc95
  5. #b9b492
  6. #b0ab8f
  7. #a6a28c
  8. #9d9a89
  9. #939186
  10. #8a8983
  11. #808080

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

अक्रोमैटोप्सिया #d5d5d5 ≈ 0.003% पुरुष
अक्रोमैटोमली #d9d5c1 ≈ 0.001% पुरुष
प्रोटानोपिया #e1d29a ≈ 1.01% पुरुष
ड्यूटेरानोपिया #e3d6a0 ≈ 1.27% पुरुष
ट्राइटानोपिया #e9cec7 ≈ 0.0001% पुरुष
प्रोटानोमली #e0d49c ≈ 1.08% पुरुष
ड्यूटेरानोमली #e2d69f ≈ 4.63% पुरुष
ट्राइटानोमली #e5d1b8 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

टेक्स्ट रंग
.text-dfd69e {
  color: #dfd69e;
}
बैकग्राउंड
.bg-dfd69e {
  background-color: #dfd69e;
  color: #000000;
}
बॉर्डर
.border-dfd69e {
  border: 2px solid #dfd69e;
}
CSS वेरिएबल
:root {
  --color-primary: #dfd69e;
  --color-primary-rgb: 223 214 158;
  --color-primary-hsl: 52 50% 75%;
}
ग्रेडिएंट
.gradient-dfd69e {
  background: linear-gradient(135deg, #dfd69e, #c8df9e);
}
रंगीन छाया
.shadow-dfd69e {
  box-shadow: 0 8px 24px rgb(223 214 158 / 0.35);
}

#f3e5ab Vanilla ΔE 3.91 #eee8aa Pale Goldenrod ΔE 4.14 #faf0be Blond ΔE 6.09 #eedc82 Flax ΔE 6.76 #f5deb3 Wheat ΔE 6.85 #f0dc82 Buff ΔE 6.96 #f0e68c Khaki ΔE 6.99 #202961 उल्टा रंग #d5d5d5 ग्रेस्केल 

Vanilla
#dfd69e  rgb(223, 214, 158)  hsl(52, 50%, 75%)  Vanilla
#9ea7df  rgb(158, 167, 223)  hsl(232, 50%, 75%)  Wild Blue Yonder
#9edfd6  rgb(158, 223, 214)  hsl(172, 50%, 75%)  Pale Turquoise
#d69edf  rgb(214, 158, 223)  hsl(292, 50%, 75%)  Plum