ColorTool
لاگ اِن
#FFCCFF

#ffccff ≈ Mauve

  • میجنٹا
  • روشنی: بہت زیادہ
  • سیچوریشن: مدھم
  • متوازن
  • ویب سیف
کنٹراسٹ جانچیں گراف میں دیکھیں بے ترتیب رنگ

⁦#ffccff⁩ “میجنٹا” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 100% سرخ، 80% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 20% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 300°، سیچوریشن 100% اور روشنی 90% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تخلیق، جرأت اور انفرادیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 15.33:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Mauve (⁦#e0b0ff⁩) ہے، ΔE 9.32۔

یہ تفصیل اس رنگ کی ناپی گئی خصوصیات سے تیار کی گئی ہے۔

HEX
RGB
RGB فیصد
CMY
CMYK
HSL
HSV / HSB
ویب سیف#ffccff
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
بائنری
اعشاری
نسبتی روشنی0.7167

تکمیلی

  1. #ffccff
  2. #ccffcc

منقسم تکمیلی

  1. #ffccff
  2. #e6ffcc
  3. #ccffe6

مماثل

  1. #e5ccff
  2. #ffccff
  3. #ffcce6

سہ رنگی

  1. #ffccff
  2. #ffffcc
  3. #ccffff

چہار رنگی

  1. #ffccff
  2. #ffcccc
  3. #ccffcc
  4. #ccffff

مربع

  1. #ffccff
  2. #ffe6cc
  3. #ccffcc
  4. #cce5ff

یک رنگی

  1. #ff33ff
  2. #ff80ff
  3. #ffccff
  4. #ffebff
  5. #ffebff

شیڈز

⁦#ffccff⁩ میں بتدریج سیاہ ملایا گیا۔

  1. #ffccff
  2. #e6b8e6
  3. #cca3cc
  4. #b38fb3
  5. #997a99
  6. #806680
  7. #665266
  8. #4d3d4d
  9. #332933
  10. #1a141a
  11. #000000

ٹنٹس

⁦#ffccff⁩ میں بتدریج سفید ملایا گیا۔

  1. #ffccff
  2. #ffd1ff
  3. #ffd6ff
  4. #ffdbff
  5. #ffe0ff
  6. #ffe6ff
  7. #ffebff
  8. #fff0ff
  9. #fff5ff
  10. #fffaff
  11. #ffffff

ٹونز

⁦#ffccff⁩ میں بتدریج سرمئی ملایا گیا۔

  1. #ffccff
  2. #f2c4f2
  3. #e6bde6
  4. #d9b5d9
  5. #ccaecc
  6. #c0a6c0
  7. #b39eb3
  8. #a697a6
  9. #998f99
  10. #8d888d
  11. #808080

پڑھنے کے قابل متن 1.37:1 AA ✕ AA Large ✕ AAA ✕ AAA Large ✕
پڑھنے کے قابل متن 15.33:1 AA ✓ AA Large ✓ AAA ✓ AAA Large ✓

اکرومیٹوپسیا #dcdcdc تقریباً 0.003% مرد
اکرومیٹومیلی #ebd6eb تقریباً 0.001% مرد
پروٹانوپیا #c9d8ff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #d4defd تقریباً 1.27% مرد
ٹرائٹانوپیا #ffd0dd تقریباً 0.0001% مرد
پروٹانومیلی #e1d3ff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e7d7fe تقریباً 4.63% مرد
ٹرائٹانومیلی #ffceec تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

اس رنگ میں پس منظر

اس رنگ میں بارڈر

متن کا رنگ
.text-ffccff {
  color: #ffccff;
}
پس منظر
.bg-ffccff {
  background-color: #ffccff;
  color: #000000;
}
بارڈر
.border-ffccff {
  border: 2px solid #ffccff;
}
CSS ویری ایبلز
:root {
  --color-primary: #ffccff;
  --color-primary-rgb: 255 204 255;
  --color-primary-hsl: 300 100% 90%;
}
گریڈیئنٹ
.gradient-ffccff {
  background: linear-gradient(135deg, #ffccff, #ffcce6);
}
رنگین سایہ
.shadow-ffccff {
  box-shadow: 0 8px 24px rgb(255 204 255 / 0.35);
}

#e0b0ff Mauve ΔE 9.32 #d8bfd8 Thistle ΔE 9.54 #dda0dd Plum ΔE 10.32 #f6adc6 Nadeshiko Pink ΔE 11.73 #ffa6c9 Carnation Pink ΔE 12.00 #c9a0dc Wisteria ΔE 12.06 #c8a2c8 Lilac ΔE 12.07 #003300 الٹا رنگ #dcdcdc گرے اسکیل 

Mauve
#ffccff  rgb(255, 204, 255)  hsl(300, 100%, 90%)  Mauve
#ccffcc  rgb(204, 255, 204)  hsl(120, 100%, 90%)  Tea Green
#ffffcc  rgb(255, 255, 204)  hsl(60, 100%, 90%)  Cream
#ccffff  rgb(204, 255, 255)  hsl(180, 100%, 90%)  Celeste