ColorTool
لاگ اِن
#503CC3

#503cc3 ≈ Ocean Blue

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

⁦#503cc3⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 31.37% سرخ، 23.53% سبز اور 76.47% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 58.97% سیان، 69.23% میجنٹا، 0% پیلا اور 23.53% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 248.89°، سیچوریشن 52.94% اور روشنی 50% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 7.57:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Ocean Blue (⁦#4f42b5⁩) ہے، ΔE 2.53۔

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

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

تکمیلی

  1. #503cc3
  2. #afc33c

منقسم تکمیلی

  1. #503cc3
  2. #c3943c
  3. #6bc33c

مماثل

  1. #3c6bc3
  2. #503cc3
  3. #943cc3

سہ رنگی

  1. #503cc3
  2. #c3503c
  3. #3cc350

چہار رنگی

  1. #503cc3
  2. #c33caf
  3. #afc33c
  4. #3cc350

مربع

  1. #503cc3
  2. #c33c6b
  3. #afc33c
  4. #3cc394

یک رنگی

  1. #20184e
  2. #382a88
  3. #503cc3
  4. #8577d5
  5. #b9b1e7

شیڈز

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

  1. #503cc3
  2. #4836b0
  3. #40309c
  4. #382a89
  5. #302475
  6. #281e62
  7. #20184e
  8. #18123b
  9. #100c27
  10. #080614
  11. #000000

ٹنٹس

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

  1. #503cc3
  2. #6250c9
  3. #7363cf
  4. #8577d5
  5. #968adb
  6. #a89ee1
  7. #b9b1e7
  8. #cbc5ed
  9. #dcd8f3
  10. #eeecf9
  11. #ffffff

ٹونز

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

  1. #503cc3
  2. #5543bc
  3. #5a4ab6
  4. #5e50af
  5. #6357a8
  6. #685ea2
  7. #6d659b
  8. #726c94
  9. #76728d
  10. #7b7987
  11. #808080

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

اکرومیٹوپسیا #545454 تقریباً 0.003% مرد
اکرومیٹومیلی #524c8e تقریباً 0.001% مرد
پروٹانوپیا #0059c7 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #004fc0 تقریباً 1.27% مرد
ٹرائٹانوپیا #00607b تقریباً 0.0001% مرد
پروٹانومیلی #034fc5 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #0048c1 تقریباً 4.63% مرد
ٹرائٹانومیلی #32549d تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-503cc3 {
  color: #503cc3;
}
پس منظر
.bg-503cc3 {
  background-color: #503cc3;
  color: #ffffff;
}
بارڈر
.border-503cc3 {
  border: 2px solid #503cc3;
}
CSS ویری ایبلز
:root {
  --color-primary: #503cc3;
  --color-primary-rgb: 80 60 195;
  --color-primary-hsl: 249 53% 50%;
}
گریڈیئنٹ
.gradient-503cc3 {
  background: linear-gradient(135deg, #503cc3, #943cc3);
}
رنگین سایہ
.shadow-503cc3 {
  box-shadow: 0 8px 24px rgb(80 60 195 / 0.35);
}

#4f42b5 Ocean Blue ΔE 2.53 #5a4fcf Iris ΔE 5.49 #1c39bb Persian Blue ΔE 5.64 #6050dc Majorelle Blue ΔE 6.78 #5218fa Han Purple ΔE 7.49 #1034a6 Egyptian Blue ΔE 8.10 #69359c Purple Heart ΔE 8.13 #afc33c الٹا رنگ #545454 گرے اسکیل 

Ocean Blue
#503cc3  rgb(80, 60, 195)  hsl(249, 53%, 50%)  Ocean Blue
#afc33c  rgb(175, 195, 60)  hsl(69, 53%, 50%)  Yellow Green
#c3503c  rgb(195, 80, 60)  hsl(9, 53%, 50%)  Persian Red
#3cc350  rgb(60, 195, 80)  hsl(129, 53%, 50%)  Lime Green