ColorTool
لاگ اِن
#F050BB

#f050bb ≈ Shocking Pink

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

⁦#f050bb⁩ “میجنٹا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 94.12% سرخ، 31.37% سبز اور 73.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 66.67% میجنٹا، 22.08% پیلا اور 5.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 319.88°، سیچوریشن 84.21% اور روشنی 62.75% ہے۔ یہ گرم اور ٹھنڈے کے درمیان ہے اور اکثر تخلیق، جرأت اور انفرادیت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 6.57:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Shocking Pink (⁦#fc0fc0⁩) ہے، ΔE 4.75۔

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

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

تکمیلی

  1. #f050bb
  2. #50f085

منقسم تکمیلی

  1. #f050bb
  2. #6bf050
  3. #50f0d5

مماثل

  1. #d550f0
  2. #f050bb
  3. #f0506b

سہ رنگی

  1. #f050bb
  2. #bbf050
  3. #50bbf0

چہار رنگی

  1. #f050bb
  2. #f08550
  3. #50f085
  4. #50bbf0

مربع

  1. #f050bb
  2. #f0d550
  3. #50f085
  4. #506bf0

یک رنگی

  1. #9a0d6b
  2. #e0139c
  3. #f050bb
  4. #f696d6
  5. #fcddf2

شیڈز

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

  1. #f050bb
  2. #d848a8
  3. #c04096
  4. #a83883
  5. #903070
  6. #78285e
  7. #60204b
  8. #481838
  9. #301025
  10. #180813
  11. #000000

ٹنٹس

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

  1. #f050bb
  2. #f262c2
  3. #f373c9
  4. #f585cf
  5. #f696d6
  6. #f8a8dd
  7. #f9b9e4
  8. #fbcbeb
  9. #fcdcf1
  10. #feeef8
  11. #ffffff

ٹونز

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

  1. #f050bb
  2. #e555b5
  3. #da5aaf
  4. #ce5ea9
  5. #c363a3
  6. #b8689e
  7. #ad6d98
  8. #a27292
  9. #96768c
  10. #8b7b86
  11. #808080

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

اکرومیٹوپسیا #909090 تقریباً 0.003% مرد
اکرومیٹومیلی #be7ba3 تقریباً 0.001% مرد
پروٹانوپیا #5f7fbe تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8f9ab7 تقریباً 1.27% مرد
ٹرائٹانوپیا #ff507f تقریباً 0.0001% مرد
پروٹانومیلی #ad6fbd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #be82b9 تقریباً 4.63% مرد
ٹرائٹانومیلی #f9509a تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-f050bb {
  color: #f050bb;
}
پس منظر
.bg-f050bb {
  background-color: #f050bb;
  color: #000000;
}
بارڈر
.border-f050bb {
  border: 2px solid #f050bb;
}
CSS ویری ایبلز
:root {
  --color-primary: #f050bb;
  --color-primary-rgb: 240 80 187;
  --color-primary-hsl: 320 84% 63%;
}
گریڈیئنٹ
.gradient-f050bb {
  background: linear-gradient(135deg, #f050bb, #f0506b);
}
رنگین سایہ
.shadow-f050bb {
  box-shadow: 0 8px 24px rgb(240 80 187 / 0.35);
}

#fc0fc0 Shocking Pink ΔE 4.75 #ff66cc Rose Pink ΔE 5.19 #ff43a4 Wild Strawberry ΔE 5.52 #fe28a2 Persian Rose ΔE 5.74 #ff69b4 Hot Pink ΔE 6.91 #ff55a3 Brilliant Rose ΔE 6.94 #cf71af Sky Magenta ΔE 7.20 #0faf44 الٹا رنگ #909090 گرے اسکیل 

Shocking Pink
#f050bb  rgb(240, 80, 187)  hsl(320, 84%, 63%)  Shocking Pink
#50f085  rgb(80, 240, 133)  hsl(140, 84%, 63%)  Spring Green
#bbf050  rgb(187, 240, 80)  hsl(80, 84%, 63%)  Inchworm
#50bbf0  rgb(80, 187, 240)  hsl(200, 84%, 63%)  Deep Sky Blue