ColorTool
لاگ اِن
#5B60BB

#5b60bb ≈ Slate Blue

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

⁦#5b60bb⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 35.69% سرخ، 37.65% سبز اور 73.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 51.34% سیان، 48.66% میجنٹا، 0% پیلا اور 26.67% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 236.88°، سیچوریشن 41.38% اور روشنی 54.51% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.48:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Slate Blue (⁦#6a5acd⁩) ہے، ΔE 4.72۔

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

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

تکمیلی

  1. #5b60bb
  2. #bbb65b

منقسم تکمیلی

  1. #5b60bb
  2. #bb865b
  3. #90bb5b

مماثل

  1. #5b90bb
  2. #5b60bb
  3. #865bbb

سہ رنگی

  1. #5b60bb
  2. #bb5b60
  3. #60bb5b

چہار رنگی

  1. #5b60bb
  2. #b65bbb
  3. #bbb65b
  4. #60bb5b

مربع

  1. #5b60bb
  2. #bb5b90
  3. #bbb65b
  4. #5bbb86

یک رنگی

  1. #252758
  2. #3b3f8e
  3. #5b60bb
  4. #9194d1
  5. #c7c9e8

شیڈز

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

  1. #5b60bb
  2. #5256a8
  3. #494d96
  4. #404383
  5. #373a70
  6. #2e305e
  7. #24264b
  8. #1b1d38
  9. #121325
  10. #090a13
  11. #000000

ٹنٹس

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

  1. #5b60bb
  2. #6b70c2
  3. #7c80c9
  4. #8c90cf
  5. #9da0d6
  6. #adb0dd
  7. #bdbfe4
  8. #cecfeb
  9. #dedff1
  10. #efeff8
  11. #ffffff

ٹونز

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

  1. #5b60bb
  2. #5f63b5
  3. #6266af
  4. #666aa9
  5. #6a6da3
  6. #6e709e
  7. #717398
  8. #757692
  9. #797a8c
  10. #7c7d86
  11. #808080

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

اکرومیٹوپسیا #696969 تقریباً 0.003% مرد
اکرومیٹومیلی #646691 تقریباً 0.001% مرد
پروٹانوپیا #366dbe تقریباً 1.01% مرد
ڈیوٹیرانوپیا #2d66b9 تقریباً 1.27% مرد
ٹرائٹانوپیا #337484 تقریباً 0.0001% مرد
پروٹانومیلی #4868bd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #4463ba تقریباً 4.63% مرد
ٹرائٹانومیلی #466c9d تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-5b60bb {
  color: #5b60bb;
}
پس منظر
.bg-5b60bb {
  background-color: #5b60bb;
  color: #ffffff;
}
بارڈر
.border-5b60bb {
  border: 2px solid #5b60bb;
}
CSS ویری ایبلز
:root {
  --color-primary: #5b60bb;
  --color-primary-rgb: 91 96 187;
  --color-primary-hsl: 237 41% 55%;
}
گریڈیئنٹ
.gradient-5b60bb {
  background: linear-gradient(135deg, #5b60bb, #865bbb);
}
رنگین سایہ
.shadow-5b60bb {
  box-shadow: 0 8px 24px rgb(91 96 187 / 0.35);
}

#6a5acd Slate Blue ΔE 4.72 #5a4fcf Iris ΔE 6.23 #6050dc Majorelle Blue ΔE 7.05 #4169e1 Royal Blue ΔE 7.24 #4166f5 Ultramarine Blue ΔE 8.38 #0f52ba Sapphire ΔE 9.10 #436b95 Queen Blue ΔE 9.14 #a49f44 الٹا رنگ #696969 گرے اسکیل 

Slate Blue
#5b60bb  rgb(91, 96, 187)  hsl(237, 41%, 55%)  Slate Blue
#bbb65b  rgb(187, 182, 91)  hsl(57, 41%, 55%)  Dark Khaki
#bb5b60  rgb(187, 91, 96)  hsl(357, 41%, 55%)  Indian Red
#60bb5b  rgb(96, 187, 91)  hsl(117, 41%, 55%)  Mantis