ColorTool
لاگ اِن
#5677E4

#5677e4 ≈ Royal Blue

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

⁦#5677e4⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 33.73% سرخ، 46.67% سبز اور 89.41% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 62.28% سیان، 47.81% میجنٹا، 0% پیلا اور 10.59% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 226.06°، سیچوریشن 72.45% اور روشنی 61.57% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.15:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Royal Blue (⁦#4169e1⁩) ہے، ΔE 5.08۔

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

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

تکمیلی

  1. #5677e4
  2. #e4c356

منقسم تکمیلی

  1. #5677e4
  2. #e47c56
  3. #bee456

مماثل

  1. #56bee4
  2. #5677e4
  3. #7c56e4

سہ رنگی

  1. #5677e4
  2. #e45677
  3. #77e456

چہار رنگی

  1. #5677e4
  2. #c356e4
  3. #e4c356
  4. #77e456

مربع

  1. #5677e4
  2. #e456be
  3. #e4c356
  4. #56e47c

یک رنگی

  1. #16318b
  2. #2149cd
  3. #5677e4
  4. #98acef
  5. #dae1f9

شیڈز

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

  1. #5677e4
  2. #4d6bcd
  3. #455fb6
  4. #3c53a0
  5. #344789
  6. #2b3c72
  7. #22305b
  8. #1a2444
  9. #11182e
  10. #090c17
  11. #000000

ٹنٹس

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

  1. #5677e4
  2. #6785e7
  3. #7892e9
  4. #89a0ec
  5. #9aadef
  6. #abbbf2
  7. #bbc9f4
  8. #ccd6f7
  9. #dde4fa
  10. #eef1fc
  11. #ffffff

ٹونز

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

  1. #5677e4
  2. #5a78da
  3. #5e79d0
  4. #637ac6
  5. #677bbc
  6. #6b7cb2
  7. #6f7ca8
  8. #737d9e
  9. #787e94
  10. #7c7f8a
  11. #808080

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

اکرومیٹوپسیا #7e7e7e تقریباً 0.003% مرد
اکرومیٹومیلی #707bb0 تقریباً 0.001% مرد
پروٹانوپیا #3f85e8 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #2278e2 تقریباً 1.27% مرد
ٹرائٹانوپیا #0090a2 تقریباً 0.0001% مرد
پروٹانومیلی #497fe6 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #3d77e3 تقریباً 4.63% مرد
ٹرائٹانومیلی #2287c0 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-5677e4 {
  color: #5677e4;
}
پس منظر
.bg-5677e4 {
  background-color: #5677e4;
  color: #000000;
}
بارڈر
.border-5677e4 {
  border: 2px solid #5677e4;
}
CSS ویری ایبلز
:root {
  --color-primary: #5677e4;
  --color-primary-rgb: 86 119 228;
  --color-primary-hsl: 226 72% 62%;
}
گریڈیئنٹ
.gradient-5677e4 {
  background: linear-gradient(135deg, #5677e4, #7c56e4);
}
رنگین سایہ
.shadow-5677e4 {
  box-shadow: 0 8px 24px rgb(86 119 228 / 0.35);
}

#4169e1 Royal Blue ΔE 5.08 #0070ff Brandeis Blue ΔE 5.15 #4166f5 Ultramarine Blue ΔE 5.84 #6082b6 Glaucous ΔE 6.13 #417dc1 Tufts Blue ΔE 7.09 #4682b4 Steel Blue ΔE 8.77 #0073cf True Blue ΔE 8.89 #a9881b الٹا رنگ #7e7e7e گرے اسکیل 

Royal Blue
#5677e4  rgb(86, 119, 228)  hsl(226, 72%, 62%)  Royal Blue
#e4c356  rgb(228, 195, 86)  hsl(46, 72%, 62%)  Meat Brown
#e45677  rgb(228, 86, 119)  hsl(346, 72%, 62%)  Blush
#77e456  rgb(119, 228, 86)  hsl(106, 72%, 62%)  Pastel Green