ColorTool
लॉग इन
#DF36AA

#df36aa ≈ Shocking Pink

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

#df36aa “मैजेंटा” परिवार का रंग है; इसकी चमक मध्यम और संतृप्ति तेज़ है। RGB मॉडल में यह 87.45% लाल, 21.18% हरे और 66.67% नीले से बना है; CMYK प्रिंट में इसमें 0% सियान, 75.78% मैजेंटा, 23.77% पीला और 12.55% काला लगता है। HSL में इसका ह्यू कोण 318.82°, संतृप्ति 72.53% और चमक 54.31% है। यह गर्म और ठंडे के बीच है और अक्सर रचनात्मकता, साहस और व्यक्तित्व से जुड़ा होता है। डिज़ाइनर इसे आमतौर पर सौंदर्य और कॉस्मेटिक्स, क्रिएटिव स्टूडियो और ब्रांड एक्सेंट के लिए इस्तेमाल करते हैं। इस रंग पर काले टेक्स्ट का कंट्रास्ट अनुपात 5.25:1 है (WCAG AA)। सबसे नज़दीकी नामित रंग Shocking Pink (#fc0fc0) है, ΔE 4.97।

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

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

पूरक

  1. #df36aa
  2. #36df6b

विभाजित पूरक

  1. #df36aa
  2. #55df36
  3. #36dfc0

समरूप

  1. #c036df
  2. #df36aa
  3. #df3655

त्रिक

  1. #df36aa
  2. #aadf36
  3. #36aadf

चतुष्क

  1. #df36aa
  2. #df6b36
  3. #36df6b
  4. #36aadf

वर्ग

  1. #df36aa
  2. #dfc036
  3. #36df6b
  4. #3655df

एकरंगी

  1. #6b114f
  2. #ad1c7f
  3. #df36aa
  4. #ea78c6
  5. #f4bae2

शेड

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

  1. #df36aa
  2. #c93199
  3. #b22b88
  4. #9c2677
  5. #862066
  6. #701b55
  7. #591644
  8. #431033
  9. #2d0b22
  10. #160511
  11. #000000

टिंट

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

  1. #df36aa
  2. #e24ab3
  3. #e55ebb
  4. #e972c4
  5. #ec86cc
  6. #ef9bd5
  7. #f2afdd
  8. #f5c3e6
  9. #f9d7ee
  10. #fcebf7
  11. #ffffff

टोन

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

  1. #df36aa
  2. #d63da6
  3. #cc45a2
  4. #c34c9d
  5. #b95499
  6. #b05b95
  7. #a66291
  8. #9d6a8d
  9. #937188
  10. #8a7984
  11. #808080

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

अक्रोमैटोप्सिया #7f7f7f ≈ 0.003% पुरुष
अक्रोमैटोमली #ae6992 ≈ 0.001% पुरुष
प्रोटानोपिया #4a6dad ≈ 1.01% पुरुष
ड्यूटेरानोपिया #7f89a6 ≈ 1.27% पुरुष
ट्राइटानोपिया #ee356c ≈ 0.0001% पुरुष
प्रोटानोमली #9d5cac ≈ 1.08% पुरुष
ड्यूटेरानोमली #ae71a8 ≈ 4.63% पुरुष
ट्राइटानोमली #e83589 ≈ 0.0002% पुरुष
अपनी इमेज पर सिमुलेट करें

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

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

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

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

#fc0fc0 Shocking Pink ΔE 4.97 #fe28a2 Persian Rose ΔE 6.34 #c54b8c Mulberry ΔE 6.77 #ff1493 Deep Pink ΔE 7.95 #ff43a4 Wild Strawberry ΔE 8.20 #c71585 Medium Violet Red ΔE 9.00 #cf71af Sky Magenta ΔE 9.97 #20c955 उल्टा रंग #7f7f7f ग्रेस्केल 

Shocking Pink
#df36aa  rgb(223, 54, 170)  hsl(319, 73%, 54%)  Shocking Pink
#36df6b  rgb(54, 223, 107)  hsl(139, 73%, 54%)  Malachite
#aadf36  rgb(170, 223, 54)  hsl(79, 73%, 54%)  Inchworm
#36aadf  rgb(54, 170, 223)  hsl(199, 73%, 54%)  Carolina Blue