ColorTool
لاگ اِن
#220BB5

#220bb5 ≈ Zaffre

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

⁦#220bb5⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی کم اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 4.31% سبز اور 70.98% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 81.22% سیان، 93.92% میجنٹا، 0% پیلا اور 29.02% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 248.12°، سیچوریشن 88.54% اور روشنی 37.65% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 11.78:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Zaffre (⁦#0014a8⁩) ہے، ΔE 2.54۔

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

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

تکمیلی

  1. #220bb5
  2. #9eb50b

منقسم تکمیلی

  1. #220bb5
  2. #b5770b
  3. #49b50b

مماثل

  1. #0b49b5
  2. #220bb5
  3. #770bb5

سہ رنگی

  1. #220bb5
  2. #b5220b
  3. #0bb522

چہار رنگی

  1. #220bb5
  2. #b50b9e
  3. #9eb50b
  4. #0bb522

مربع

  1. #220bb5
  2. #b50b49
  3. #9eb50b
  4. #0bb577

یک رنگی

  1. #070225
  2. #14076d
  3. #220bb5
  4. #381bf1
  5. #7763f6

شیڈز

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

  1. #220bb5
  2. #1f0aa3
  3. #1b0991
  4. #18087f
  5. #14076d
  6. #11065b
  7. #0e0448
  8. #0a0336
  9. #070224
  10. #030112
  11. #000000

ٹنٹس

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

  1. #220bb5
  2. #3823bc
  3. #4e3cc4
  4. #6454cb
  5. #7a6dd3
  6. #9185da
  7. #a79de1
  8. #bdb6e9
  9. #d3cef0
  10. #e9e7f8
  11. #ffffff

ٹونز

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

  1. #220bb5
  2. #2b17b0
  3. #3522aa
  4. #3e2ea5
  5. #483aa0
  6. #51469b
  7. #5a5195
  8. #645d90
  9. #6d698b
  10. #777485
  11. #808080

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

اکرومیٹوپسیا #383838 تقریباً 0.003% مرد
اکرومیٹومیلی #302c7e تقریباً 0.001% مرد
پروٹانوپیا #003fb9 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #002fb2 تقریباً 1.27% مرد
ٹرائٹانوپیا #004b6a تقریباً 0.0001% مرد
پروٹانومیلی #0032b7 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #0025b3 تقریباً 4.63% مرد
ٹرائٹانومیلی #003b8e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-220bb5 {
  color: #220bb5;
}
پس منظر
.bg-220bb5 {
  background-color: #220bb5;
  color: #ffffff;
}
بارڈر
.border-220bb5 {
  border: 2px solid #220bb5;
}
CSS ویری ایبلز
:root {
  --color-primary: #220bb5;
  --color-primary-rgb: 34 11 181;
  --color-primary-hsl: 248 89% 38%;
}
گریڈیئنٹ
.gradient-220bb5 {
  background: linear-gradient(135deg, #220bb5, #770bb5);
}
رنگین سایہ
.shadow-220bb5 {
  box-shadow: 0 8px 24px rgb(34 11 181 / 0.35);
}

#0014a8 Zaffre ΔE 2.54 #0000cd Medium Blue ΔE 2.73 #002395 Imperial Blue ΔE 6.33 #000f89 Phthalo Blue ΔE 6.44 #00008b Dark Blue ΔE 6.51 #000080 Navy ΔE 8.01 #32127a Persian Indigo ΔE 8.22 #ddf44a الٹا رنگ #383838 گرے اسکیل 

Zaffre
#220bb5  rgb(34, 11, 181)  hsl(248, 89%, 38%)  Zaffre
#9eb50b  rgb(158, 181, 11)  hsl(68, 89%, 38%)  Apple Green
#b5220b  rgb(181, 34, 11)  hsl(8, 89%, 38%)  Rufous
#0bb522  rgb(11, 181, 34)  hsl(128, 89%, 38%)  Kelly Green