ColorTool
लॉग इन
#DF20BF

#df20bf ≈ Shocking Pink

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

#df20bf “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 87.45% लाल, 12.55% हरे और 74.9% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 85.65% मैजेंटा, 14.35% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 310.05°, संतृप्ति 74.9% और चमक 50% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.1:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 5.45।

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

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

पूरक

  1. #df20bf
  2. #20df40

विभाजित पूरक

  1. #df20bf
  2. #60df20
  3. #20df9f

समरूप

  1. #9f20df
  2. #df20bf
  3. #df2060

त्रिक

  1. #df20bf
  2. #bfdf20
  3. #20bfdf

चतुष्क

  1. #df20bf
  2. #df4020
  3. #20df40
  4. #20bfdf

वर्ग

  1. #df20bf
  2. #df9f20
  3. #20df40
  4. #2060df

एकरंगी

  1. #590d4c
  2. #9c1686
  3. #df20bf
  4. #e963d2
  5. #f2a6e5

शेड

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

  1. #df20bf
  2. #c91dac
  3. #b21a99
  4. #9c1686
  5. #861373
  6. #701060
  7. #590d4c
  8. #430a39
  9. #2d0626
  10. #160313
  11. #000000

टिंट

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

  1. #df20bf
  2. #e236c5
  3. #e54dcc
  4. #e963d2
  5. #ec79d9
  6. #ef90df
  7. #f2a6e5
  8. #f5bcec
  9. #f9d2f2
  10. #fce9f9
  11. #ffffff

टोन

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

  1. #df20bf
  2. #d62ab9
  3. #cc33b2
  4. #c33dac
  5. #b946a6
  6. #b050a0
  7. #a65a99
  8. #9d6393
  9. #936d8d
  10. #8a7686
  11. #808080

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

अक्रोमैटोप्सिया #7d7d7d ≈ 0.003% पुरुष
अक्रोमैटोमली #ad649c ≈ 0.001% पुरुष
प्रोटानोपिया #286bc3 ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7187bb ≈ 1.27% पुरुष
ट्राइटानोपिया #eb3273 ≈ 0.0001% पुरुष
प्रोटानोमली #9757c1 ≈ 1.08% पुरुष
ड्यूटेरानोमली #a86cbd ≈ 4.63% पुरुष
ट्राइटानोमली #e62c97 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#fc0fc0 Shocking Pink ΔE 5.45 #ba55d3 Medium Orchid ΔE 8.47 #ff00ff Fuchsia ΔE 9.64 #ff00ff Magenta ΔE 9.64 #fe28a2 Persian Rose ΔE 9.74 #c54b8c Mulberry ΔE 10.37 #c71585 Medium Violet Red ΔE 10.63 #20df40 उल्टा रंग #7d7d7d ग्रेस्केल 

Shocking Pink
#df20bf  rgb(223, 32, 191)  hsl(310, 75%, 50%)  Shocking Pink
#20df40  rgb(32, 223, 64)  hsl(130, 75%, 50%)  Malachite
#bfdf20  rgb(191, 223, 32)  hsl(70, 75%, 50%)  Pear
#20bfdf  rgb(32, 191, 223)  hsl(190, 75%, 50%)  Sky Blue