ColorTool
لاگ اِن
#486BF9

#486bf9 ≈ Ultramarine Blue

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

⁦#486bf9⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 28.24% سرخ، 41.96% سبز اور 97.65% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 71.08% سیان، 57.03% میجنٹا، 0% پیلا اور 2.35% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 228.14°، سیچوریشن 93.65% اور روشنی 62.94% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 4.75:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Ultramarine Blue (⁦#4166f5⁩) ہے، ΔE 1.86۔

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

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

تکمیلی

  1. #486bf9
  2. #f9d648

منقسم تکمیلی

  1. #486bf9
  2. #f97e48
  3. #c3f948

مماثل

  1. #48c3f9
  2. #486bf9
  3. #7e48f9

سہ رنگی

  1. #486bf9
  2. #f9486b
  3. #6bf948

چہار رنگی

  1. #486bf9
  2. #d648f9
  3. #f9d648
  4. #6bf948

مربع

  1. #486bf9
  2. #f948c3
  3. #f9d648
  4. #48f97e

یک رنگی

  1. #0524a3
  2. #0835ed
  3. #486bf9
  4. #92a7fb
  5. #dce3fe

شیڈز

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

  1. #486bf9
  2. #4160e0
  3. #3a56c7
  4. #324bae
  5. #2b4095
  6. #24367d
  7. #1d2b64
  8. #16204b
  9. #0e1532
  10. #070b19
  11. #000000

ٹنٹس

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

  1. #486bf9
  2. #5a7afa
  3. #6d89fa
  4. #7f97fb
  5. #91a6fb
  6. #a4b5fc
  7. #b6c4fd
  8. #c8d3fd
  9. #dae1fe
  10. #edf0fe
  11. #ffffff

ٹونز

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

  1. #486bf9
  2. #4e6ded
  3. #536fe1
  4. #5971d5
  5. #5e73c9
  6. #6476bd
  7. #6a78b0
  8. #6f7aa4
  9. #757c98
  10. #7a7e8c
  11. #808080

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

اکرومیٹوپسیا #787878 تقریباً 0.003% مرد
اکرومیٹومیلی #6873ba تقریباً 0.001% مرد
پروٹانوپیا #0080fe تقریباً 1.01% مرد
ڈیوٹیرانوپیا #0070f6 تقریباً 1.27% مرد
ٹرائٹانوپیا #008ea8 تقریباً 0.0001% مرد
پروٹانومیلی #1678fc تقریباً 1.08% مرد
ڈیوٹیرانومیلی #006ef7 تقریباً 4.63% مرد
ٹرائٹانومیلی #0082cd تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#4166f5 Ultramarine Blue ΔE 1.86 #4169e1 Royal Blue ΔE 3.52 #0070ff Brandeis Blue ΔE 4.48 #7b68ee Medium Slate Blue ΔE 7.51 #6a5acd Slate Blue ΔE 9.62 #6082b6 Glaucous ΔE 9.78 #417dc1 Tufts Blue ΔE 9.84 #b79406 الٹا رنگ #787878 گرے اسکیل 

Ultramarine Blue
#486bf9  rgb(72, 107, 249)  hsl(228, 94%, 63%)  Ultramarine Blue
#f9d648  rgb(249, 214, 72)  hsl(48, 94%, 63%)  Mustard
#f9486b  rgb(249, 72, 107)  hsl(348, 94%, 63%)  Neon Fuchsia
#6bf948  rgb(107, 249, 72)  hsl(108, 94%, 63%)  Neon Green