ColorTool
لاگ اِن
#F686E5

#f686e5 ≈ Violet

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

⁦#f686e5⁩ “میجنٹا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 96.47% سرخ، 52.55% سبز اور 89.8% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 45.53% میجنٹا، 6.91% پیلا اور 3.53% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 309.11°، سیچوریشن 86.15% اور روشنی 74.51% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تخلیق، جرأت اور انفرادیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 9.46:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Violet (⁦#ee82ee⁩) ہے، ΔE 2.98۔

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

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

تکمیلی

  1. #f686e5
  2. #86f697

منقسم تکمیلی

  1. #f686e5
  2. #adf686
  3. #86f6cf

مماثل

  1. #cf86f6
  2. #f686e5
  3. #f686ad

سہ رنگی

  1. #f686e5
  2. #e5f686
  3. #86e5f6

چہار رنگی

  1. #f686e5
  2. #f69786
  3. #86f697
  4. #86e5f6

مربع

  1. #f686e5
  2. #f6cf86
  3. #86f697
  4. #86adf6

یک رنگی

  1. #d310b6
  2. #f13fd6
  3. #f686e5
  4. #fbcdf4
  5. #feecfb

شیڈز

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

  1. #f686e5
  2. #dd79ce
  3. #c56bb7
  4. #ac5ea0
  5. #945089
  6. #7b4373
  7. #62365c
  8. #4a2845
  9. #311b2e
  10. #190d17
  11. #000000

ٹنٹس

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

  1. #f686e5
  2. #f792e8
  3. #f89eea
  4. #f9aaed
  5. #fab6ef
  6. #fbc3f2
  7. #fbcff5
  8. #fcdbf7
  9. #fde7fa
  10. #fef3fc
  11. #ffffff

ٹونز

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

  1. #f686e5
  2. #ea85db
  3. #de85d1
  4. #d384c7
  5. #c784bd
  6. #bb83b3
  7. #af82a8
  8. #a3829e
  9. #988194
  10. #8c818a
  11. #808080

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

اکرومیٹوپسیا #aeaeae تقریباً 0.003% مرد
اکرومیٹومیلی #cfa0c6 تقریباً 0.001% مرد
پروٹانوپیا #84a4e8 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #a3b4e2 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff8dab تقریباً 0.0001% مرد
پروٹانومیلی #bd99e7 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #caa3e3 تقریباً 4.63% مرد
ٹرائٹانومیلی #fb8ac5 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-f686e5 {
  color: #f686e5;
}
پس منظر
.bg-f686e5 {
  background-color: #f686e5;
  color: #000000;
}
بارڈر
.border-f686e5 {
  border: 2px solid #f686e5;
}
CSS ویری ایبلز
:root {
  --color-primary: #f686e5;
  --color-primary-rgb: 246 134 229;
  --color-primary-hsl: 309 86% 75%;
}
گریڈیئنٹ
.gradient-f686e5 {
  background: linear-gradient(135deg, #f686e5, #f686ad);
}
رنگین سایہ
.shadow-f686e5 {
  box-shadow: 0 8px 24px rgb(246 134 229 / 0.35);
}

#ee82ee Violet ΔE 2.98 #ff77ff Fuchsia Pink ΔE 5.20 #ff66cc Rose Pink ΔE 6.58 #da70d6 Orchid ΔE 6.92 #f77fbe Persian Pink ΔE 7.69 #dda0dd Plum ΔE 7.73 #df73ff Heliotrope ΔE 8.83 #09791a الٹا رنگ #aeaeae گرے اسکیل 

Violet
#f686e5  rgb(246, 134, 229)  hsl(309, 86%, 75%)  Violet
#86f697  rgb(134, 246, 151)  hsl(129, 86%, 75%)  Pale Green
#e5f686  rgb(229, 246, 134)  hsl(69, 86%, 75%)  Pastel Yellow
#86e5f6  rgb(134, 229, 246)  hsl(189, 86%, 75%)  Non-Photo Blue