ColorTool
لاگ اِن
#5178BD

#5178bd ≈ Tufts Blue

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

⁦#5178bd⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 31.76% سرخ، 47.06% سبز اور 74.12% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 57.14% سیان، 36.51% میجنٹا، 0% پیلا اور 25.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 218.33°، سیچوریشن 45% اور روشنی 52.94% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 4.77:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Tufts Blue (⁦#417dc1⁩) ہے، ΔE 3.84۔

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

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

تکمیلی

  1. #5178bd
  2. #bd9651

منقسم تکمیلی

  1. #5178bd
  2. #bd6051
  3. #aebd51

مماثل

  1. #51aebd
  2. #5178bd
  3. #6051bd

سہ رنگی

  1. #5178bd
  2. #bd5178
  3. #78bd51

چہار رنگی

  1. #5178bd
  2. #9651bd
  3. #bd9651
  4. #78bd51

مربع

  1. #5178bd
  2. #bd51ae
  3. #bd9651
  4. #51bd60

یک رنگی

  1. #203355
  2. #35558c
  3. #5178bd
  4. #88a3d2
  5. #c0cee7

شیڈز

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

  1. #5178bd
  2. #496caa
  3. #416097
  4. #395484
  5. #314871
  6. #293c5f
  7. #20304c
  8. #182439
  9. #101826
  10. #080c13
  11. #000000

ٹنٹس

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

  1. #5178bd
  2. #6286c4
  3. #7493ca
  4. #85a1d1
  5. #97aed7
  6. #a8bcde
  7. #b9c9e5
  8. #cbd7eb
  9. #dce4f2
  10. #eef2f8
  11. #ffffff

ٹونز

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

  1. #5178bd
  2. #5679b7
  3. #5a7ab1
  4. #5f7aab
  5. #647ba5
  6. #697c9f
  7. #6d7d98
  8. #727e92
  9. #777e8c
  10. #7b7f86
  11. #808080

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

اکرومیٹوپسیا #787878 تقریباً 0.003% مرد
اکرومیٹومیلی #6b7899 تقریباً 0.001% مرد
پروٹانوپیا #5c7ec0 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #4e74bc تقریباً 1.27% مرد
ٹرائٹانوپیا #008791 تقریباً 0.0001% مرد
پروٹانومیلی #587bbf تقریباً 1.08% مرد
ڈیوٹیرانومیلی #4f75bc تقریباً 4.63% مرد
ٹرائٹانومیلی #3281a5 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-5178bd {
  color: #5178bd;
}
پس منظر
.bg-5178bd {
  background-color: #5178bd;
  color: #000000;
}
بارڈر
.border-5178bd {
  border: 2px solid #5178bd;
}
CSS ویری ایبلز
:root {
  --color-primary: #5178bd;
  --color-primary-rgb: 81 120 189;
  --color-primary-hsl: 218 45% 53%;
}
گریڈیئنٹ
.gradient-5178bd {
  background: linear-gradient(135deg, #5178bd, #6051bd);
}
رنگین سایہ
.shadow-5178bd {
  box-shadow: 0 8px 24px rgb(81 120 189 / 0.35);
}

#417dc1 Tufts Blue ΔE 3.84 #6082b6 Glaucous ΔE 3.90 #0073cf True Blue ΔE 5.99 #4682b4 Steel Blue ΔE 6.03 #4169e1 Royal Blue ΔE 6.44 #0070ff Brandeis Blue ΔE 7.06 #436b95 Queen Blue ΔE 7.18 #ae8742 الٹا رنگ #787878 گرے اسکیل 

Tufts Blue
#5178bd  rgb(81, 120, 189)  hsl(218, 45%, 53%)  Tufts Blue
#bd9651  rgb(189, 150, 81)  hsl(38, 45%, 53%)  Camel
#bd5178  rgb(189, 81, 120)  hsl(338, 45%, 53%)  Telemagenta
#78bd51  rgb(120, 189, 81)  hsl(98, 45%, 53%)  Mantis