ColorTool
لاگ اِن
#5367A3

#5367a3 ≈ Queen Blue

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

⁦#5367a3⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 32.55% سرخ، 40.39% سبز اور 63.92% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 49.08% سیان، 36.81% میجنٹا، 0% پیلا اور 36.08% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 225°، سیچوریشن 32.52% اور روشنی 48.24% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.47:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Queen Blue (⁦#436b95⁩) ہے، ΔE 5.77۔

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

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

تکمیلی

  1. #5367a3
  2. #a38f53

منقسم تکمیلی

  1. #5367a3
  2. #a36753
  3. #8fa353

مماثل

  1. #538fa3
  2. #5367a3
  3. #6753a3

سہ رنگی

  1. #5367a3
  2. #a35367
  3. #67a353

چہار رنگی

  1. #5367a3
  2. #8f53a3
  3. #a38f53
  4. #67a353

مربع

  1. #5367a3
  2. #a3538f
  3. #a38f53
  4. #53a367

یک رنگی

  1. #1f273e
  2. #394770
  3. #5367a3
  4. #8392c0
  5. #b5beda

شیڈز

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

  1. #5367a3
  2. #4b5d93
  3. #425282
  4. #3a4872
  5. #323e62
  6. #2a3452
  7. #212941
  8. #191f31
  9. #111521
  10. #080a10
  11. #000000

ٹنٹس

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

  1. #5367a3
  2. #6476ac
  3. #7585b5
  4. #8795bf
  5. #98a4c8
  6. #a9b3d1
  7. #bac2da
  8. #cbd1e3
  9. #dde1ed
  10. #eef0f6
  11. #ffffff

ٹونز

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

  1. #5367a3
  2. #586aa0
  3. #5c6c9c
  4. #616f99
  5. #657195
  6. #6a7492
  7. #6e768e
  8. #73798b
  9. #777b87
  10. #7c7e84
  11. #808080

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

اکرومیٹوپسیا #696969 تقریباً 0.003% مرد
اکرومیٹومیلی #616884 تقریباً 0.001% مرد
پروٹانوپیا #506da5 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #4866a2 تقریباً 1.27% مرد
ٹرائٹانوپیا #33747d تقریباً 0.0001% مرد
پروٹانومیلی #516ba4 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #4d66a2 تقریباً 4.63% مرد
ٹرائٹانومیلی #426f8e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-5367a3 {
  color: #5367a3;
}
پس منظر
.bg-5367a3 {
  background-color: #5367a3;
  color: #ffffff;
}
بارڈر
.border-5367a3 {
  border: 2px solid #5367a3;
}
CSS ویری ایبلز
:root {
  --color-primary: #5367a3;
  --color-primary-rgb: 83 103 163;
  --color-primary-hsl: 225 33% 48%;
}
گریڈیئنٹ
.gradient-5367a3 {
  background: linear-gradient(135deg, #5367a3, #6753a3);
}
رنگین سایہ
.shadow-5367a3 {
  box-shadow: 0 8px 24px rgb(83 103 163 / 0.35);
}

#436b95 Queen Blue ΔE 5.77 #1560bd Denim ΔE 7.72 #26619c Lapis Lazuli ΔE 7.90 #4169e1 Royal Blue ΔE 8.35 #0f52ba Sapphire ΔE 9.34 #6a5acd Slate Blue ΔE 9.77 #6082b6 Glaucous ΔE 10.15 #ac985c الٹا رنگ #696969 گرے اسکیل 

Queen Blue
#5367a3  rgb(83, 103, 163)  hsl(225, 33%, 48%)  Queen Blue
#a38f53  rgb(163, 143, 83)  hsl(45, 33%, 48%)  Camel
#a35367  rgb(163, 83, 103)  hsl(345, 33%, 48%)  Mauve Taupe
#67a353  rgb(103, 163, 83)  hsl(105, 33%, 48%)  Asparagus