ColorTool
لاگ اِن
#4563FD

#4563fd ≈ Ultramarine Blue

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

⁦#4563fd⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 27.06% سرخ، 38.82% سبز اور 99.22% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 72.73% سیان، 60.87% میجنٹا، 0% پیلا اور 0.78% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 230.22°، سیچوریشن 97.87% اور روشنی 63.14% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 4.71:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Ultramarine Blue (⁦#4166f5⁩) ہے، ΔE 1.58۔

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

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

تکمیلی

  1. #4563fd
  2. #fddf45

منقسم تکمیلی

  1. #4563fd
  2. #fd8345
  3. #bffd45

مماثل

  1. #45bffd
  2. #4563fd
  3. #8345fd

سہ رنگی

  1. #4563fd
  2. #fd4563
  3. #63fd45

چہار رنگی

  1. #4563fd
  2. #df45fd
  3. #fddf45
  4. #63fd45

مربع

  1. #4563fd
  2. #fd45bf
  3. #fddf45
  4. #45fd83

یک رنگی

  1. #021da7
  2. #032af3
  3. #4563fd
  4. #91a2fe
  5. #dce2ff

شیڈز

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

  1. #4563fd
  2. #3e59e4
  3. #374fca
  4. #3045b1
  5. #293b98
  6. #23327f
  7. #1c2865
  8. #151e4c
  9. #0e1433
  10. #070a19
  11. #000000

ٹنٹس

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

  1. #4563fd
  2. #5873fd
  3. #6a82fd
  4. #7d92fe
  5. #8fa1fe
  6. #a2b1fe
  7. #b5c1fe
  8. #c7d0fe
  9. #dae0ff
  10. #ecefff
  11. #ffffff

ٹونز

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

  1. #4563fd
  2. #4b66f1
  3. #5169e4
  4. #576cd8
  5. #5d6fcb
  6. #6372bf
  7. #6874b2
  8. #6e77a6
  9. #747a99
  10. #7a7d8d
  11. #808080

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

اکرومیٹوپسیا #737373 تقریباً 0.003% مرد
اکرومیٹومیلی #646dbb تقریباً 0.001% مرد
پروٹانوپیا #007cff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #006bfa تقریباً 1.27% مرد
ٹرائٹانوپیا #008ba7 تقریباً 0.0001% مرد
پروٹانومیلی #0073ff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #0068fb تقریباً 4.63% مرد
ٹرائٹانومیلی #007dcf تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-4563fd {
  color: #4563fd;
}
پس منظر
.bg-4563fd {
  background-color: #4563fd;
  color: #ffffff;
}
بارڈر
.border-4563fd {
  border: 2px solid #4563fd;
}
CSS ویری ایبلز
:root {
  --color-primary: #4563fd;
  --color-primary-rgb: 69 99 253;
  --color-primary-hsl: 230 98% 63%;
}
گریڈیئنٹ
.gradient-4563fd {
  background: linear-gradient(135deg, #4563fd, #8345fd);
}
رنگین سایہ
.shadow-4563fd {
  box-shadow: 0 8px 24px rgb(69 99 253 / 0.35);
}

#4166f5 Ultramarine Blue ΔE 1.58 #4169e1 Royal Blue ΔE 4.31 #0070ff Brandeis Blue ΔE 6.23 #7b68ee Medium Slate Blue ΔE 7.29 #6050dc Majorelle Blue ΔE 7.96 #6a5acd Slate Blue ΔE 8.35 #5a4fcf Iris ΔE 9.02 #ba9c02 الٹا رنگ #737373 گرے اسکیل 

Ultramarine Blue
#4563fd  rgb(69, 99, 253)  hsl(230, 98%, 63%)  Ultramarine Blue
#fddf45  rgb(253, 223, 69)  hsl(50, 98%, 63%)  Banana Yellow
#fd4563  rgb(253, 69, 99)  hsl(350, 98%, 63%)  Neon Fuchsia
#63fd45  rgb(99, 253, 69)  hsl(110, 98%, 63%)  Neon Green