ColorTool
لاگ اِن
#5454FF

#5454ff ≈ Majorelle Blue

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

⁦#5454ff⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 32.94% سرخ، 32.94% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 67.06% سیان، 67.06% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 240°، سیچوریشن 100% اور روشنی 66.47% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 5.14:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Majorelle Blue (⁦#6050dc⁩) ہے، ΔE 4.68۔

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

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

تکمیلی

  1. #5454ff
  2. #ffff54

منقسم تکمیلی

  1. #5454ff
  2. #ffa954
  3. #a9ff54

مماثل

  1. #54a9ff
  2. #5454ff
  3. #a954ff

سہ رنگی

  1. #5454ff
  2. #ff5454
  3. #54ff54

چہار رنگی

  1. #5454ff
  2. #ff54ff
  3. #ffff54
  4. #54ff54

مربع

  1. #5454ff
  2. #ff54a9
  3. #ffff54
  4. #54ffa9

یک رنگی

  1. #0000ba
  2. #0707ff
  3. #5454ff
  4. #a0a0ff
  5. #ebebff

شیڈز

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

  1. #5454ff
  2. #4c4ce6
  3. #4343cc
  4. #3b3bb3
  5. #323299
  6. #2a2a80
  7. #222266
  8. #19194d
  9. #111133
  10. #08081a
  11. #000000

ٹنٹس

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

  1. #5454ff
  2. #6565ff
  3. #7676ff
  4. #8787ff
  5. #9898ff
  6. #aaaaff
  7. #bbbbff
  8. #ccccff
  9. #ddddff
  10. #eeeeff
  11. #ffffff

ٹونز

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

  1. #5454ff
  2. #5858f2
  3. #5d5de6
  4. #6161d9
  5. #6666cc
  6. #6a6ac0
  7. #6e6eb3
  8. #7373a6
  9. #777799
  10. #7c7c8d
  11. #808080

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

اکرومیٹوپسیا #6e6e6e تقریباً 0.003% مرد
اکرومیٹومیلی #6464ba تقریباً 0.001% مرد
پروٹانوپیا #0075ff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #0066fc تقریباً 1.27% مرد
ٹرائٹانوپیا #0082a3 تقریباً 0.0001% مرد
پروٹانومیلی #006aff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #005ffd تقریباً 4.63% مرد
ٹرائٹانومیلی #0072ce تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-5454ff {
  color: #5454ff;
}
پس منظر
.bg-5454ff {
  background-color: #5454ff;
  color: #ffffff;
}
بارڈر
.border-5454ff {
  border: 2px solid #5454ff;
}
CSS ویری ایبلز
:root {
  --color-primary: #5454ff;
  --color-primary-rgb: 84 84 255;
  --color-primary-hsl: 240 100% 66%;
}
گریڈیئنٹ
.gradient-5454ff {
  background: linear-gradient(135deg, #5454ff, #a954ff);
}
رنگین سایہ
.shadow-5454ff {
  box-shadow: 0 8px 24px rgb(84 84 255 / 0.35);
}

#6050dc Majorelle Blue ΔE 4.68 #4166f5 Ultramarine Blue ΔE 6.13 #5a4fcf Iris ΔE 6.37 #6a5acd Slate Blue ΔE 6.77 #7b68ee Medium Slate Blue ΔE 7.55 #4169e1 Royal Blue ΔE 8.30 #5218fa Han Purple ΔE 10.90 #abab00 الٹا رنگ #6e6e6e گرے اسکیل 

Majorelle Blue
#5454ff  rgb(84, 84, 255)  hsl(240, 100%, 66%)  Majorelle Blue
#ffff54  rgb(255, 255, 84)  hsl(60, 100%, 66%)  Laser Lemon
#ff5454  rgb(255, 84, 84)  hsl(0, 100%, 66%)  Pastel Red
#54ff54  rgb(84, 255, 84)  hsl(120, 100%, 66%)  Neon Green