ColorTool
لاگ اِن
#5A67BB

#5a67bb ≈ Royal Blue

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

⁦#5a67bb⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 35.29% سرخ، 40.39% سبز اور 73.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 51.87% سیان، 44.92% میجنٹا، 0% پیلا اور 26.67% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 231.96°، سیچوریشن 41.63% اور روشنی 54.31% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.13:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Royal Blue (⁦#4169e1⁩) ہے، ΔE 6.01۔

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

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

تکمیلی

  1. #5a67bb
  2. #bbae5a

منقسم تکمیلی

  1. #5a67bb
  2. #bb7d5a
  3. #97bb5a

مماثل

  1. #5a97bb
  2. #5a67bb
  3. #7d5abb

سہ رنگی

  1. #5a67bb
  2. #bb5a67
  3. #67bb5a

چہار رنگی

  1. #5a67bb
  2. #ae5abb
  3. #bbae5a
  4. #67bb5a

مربع

  1. #5a67bb
  2. #bb5a97
  3. #bbae5a
  4. #5abb7d

یک رنگی

  1. #242b58
  2. #3b468e
  3. #5a67bb
  4. #9099d1
  5. #c6cbe8

شیڈز

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

  1. #5a67bb
  2. #515da8
  3. #485296
  4. #3f4883
  5. #363e70
  6. #2d345e
  7. #24294b
  8. #1b1f38
  9. #121525
  10. #090a13
  11. #000000

ٹنٹس

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

  1. #5a67bb
  2. #6b76c2
  3. #7b85c9
  4. #8c95cf
  5. #9ca4d6
  6. #adb3dd
  7. #bdc2e4
  8. #ced1eb
  9. #dee1f1
  10. #eff0f8
  11. #ffffff

ٹونز

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

  1. #5a67bb
  2. #5e6ab5
  3. #626caf
  4. #656fa9
  5. #6971a3
  6. #6d749e
  7. #717698
  8. #757992
  9. #787b8c
  10. #7c7e86
  11. #808080

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

اکرومیٹوپسیا #6e6e6e تقریباً 0.003% مرد
اکرومیٹومیلی #666b93 تقریباً 0.001% مرد
پروٹانوپیا #4372be تقریباً 1.01% مرد
ڈیوٹیرانوپیا #396ab9 تقریباً 1.27% مرد
ٹرائٹانوپیا #307988 تقریباً 0.0001% مرد
پروٹانومیلی #4d6ebd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #4869ba تقریباً 4.63% مرد
ٹرائٹانومیلی #44729f تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-5a67bb {
  color: #5a67bb;
}
پس منظر
.bg-5a67bb {
  background-color: #5a67bb;
  color: #ffffff;
}
بارڈر
.border-5a67bb {
  border: 2px solid #5a67bb;
}
CSS ویری ایبلز
:root {
  --color-primary: #5a67bb;
  --color-primary-rgb: 90 103 187;
  --color-primary-hsl: 232 42% 54%;
}
گریڈیئنٹ
.gradient-5a67bb {
  background: linear-gradient(135deg, #5a67bb, #7d5abb);
}
رنگین سایہ
.shadow-5a67bb {
  box-shadow: 0 8px 24px rgb(90 103 187 / 0.35);
}

#4169e1 Royal Blue ΔE 6.01 #6a5acd Slate Blue ΔE 6.63 #4166f5 Ultramarine Blue ΔE 7.72 #436b95 Queen Blue ΔE 7.85 #5a4fcf Iris ΔE 8.51 #1560bd Denim ΔE 8.59 #6050dc Majorelle Blue ΔE 9.03 #a59844 الٹا رنگ #6e6e6e گرے اسکیل 

Royal Blue
#5a67bb  rgb(90, 103, 187)  hsl(232, 42%, 54%)  Royal Blue
#bbae5a  rgb(187, 174, 90)  hsl(52, 42%, 54%)  Vegas Gold
#bb5a67  rgb(187, 90, 103)  hsl(352, 42%, 54%)  Rose Gold
#67bb5a  rgb(103, 187, 90)  hsl(112, 42%, 54%)  Mantis