ColorTool
لاگ اِن
#553BC5

#553bc5 ≈ Ocean Blue

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

⁦#553bc5⁩ “بنفشی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 33.33% سرخ، 23.14% سبز اور 77.25% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 56.85% سیان، 70.05% میجنٹا، 0% پیلا اور 22.75% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 251.3°، سیچوریشن 54.33% اور روشنی 50.2% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تخیل، روحانیت اور عیش سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 7.45:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Ocean Blue (⁦#4f42b5⁩) ہے، ΔE 3.07۔

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

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

تکمیلی

  1. #553bc5
  2. #abc53b

منقسم تکمیلی

  1. #553bc5
  2. #c59a3b
  3. #66c53b

مماثل

  1. #3b66c5
  2. #553bc5
  3. #9a3bc5

سہ رنگی

  1. #553bc5
  2. #c5553b
  3. #3bc555

چہار رنگی

  1. #553bc5
  2. #c53bab
  3. #abc53b
  4. #3bc555

مربع

  1. #553bc5
  2. #c53b66
  3. #abc53b
  4. #3bc59a

یک رنگی

  1. #22184f
  2. #3b298b
  3. #553bc5
  4. #8876d6
  5. #bbb1e8

شیڈز

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

  1. #553bc5
  2. #4d35b1
  3. #442f9e
  4. #3c298a
  5. #332376
  6. #2b1e63
  7. #22184f
  8. #1a123b
  9. #110c27
  10. #090614
  11. #000000

ٹنٹس

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

  1. #553bc5
  2. #664fcb
  3. #7762d1
  4. #8876d6
  5. #9989dc
  6. #aa9de2
  7. #bbb1e8
  8. #ccc4ee
  9. #ddd8f3
  10. #eeebf9
  11. #ffffff

ٹونز

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

  1. #553bc5
  2. #5942be
  3. #5e49b7
  4. #6250b0
  5. #6657a9
  6. #6b5ea3
  7. #6f649c
  8. #736b95
  9. #77728e
  10. #7c7987
  11. #808080

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

اکرومیٹوپسیا #555555 تقریباً 0.003% مرد
اکرومیٹومیلی #554c90 تقریباً 0.001% مرد
پروٹانوپیا #0059c9 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #0051c2 تقریباً 1.27% مرد
ٹرائٹانوپیا #1b607c تقریباً 0.0001% مرد
پروٹانومیلی #0c4fc7 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #0849c3 تقریباً 4.63% مرد
ٹرائٹانومیلی #3a539e تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-553bc5 {
  color: #553bc5;
}
پس منظر
.bg-553bc5 {
  background-color: #553bc5;
  color: #ffffff;
}
بارڈر
.border-553bc5 {
  border: 2px solid #553bc5;
}
CSS ویری ایبلز
:root {
  --color-primary: #553bc5;
  --color-primary-rgb: 85 59 197;
  --color-primary-hsl: 251 54% 50%;
}
گریڈیئنٹ
.gradient-553bc5 {
  background: linear-gradient(135deg, #553bc5, #9a3bc5);
}
رنگین سایہ
.shadow-553bc5 {
  box-shadow: 0 8px 24px rgb(85 59 197 / 0.35);
}

#4f42b5 Ocean Blue ΔE 3.07 #5a4fcf Iris ΔE 5.51 #1c39bb Persian Blue ΔE 6.42 #6050dc Majorelle Blue ΔE 6.62 #5218fa Han Purple ΔE 7.06 #69359c Purple Heart ΔE 7.82 #663399 Rebecca Purple ΔE 8.05 #aac43a الٹا رنگ #555555 گرے اسکیل 

Ocean Blue
#553bc5  rgb(85, 59, 197)  hsl(251, 54%, 50%)  Ocean Blue
#abc53b  rgb(171, 197, 59)  hsl(71, 54%, 50%)  Yellow Green
#c5553b  rgb(197, 85, 59)  hsl(11, 54%, 50%)  Cinnabar
#3bc555  rgb(59, 197, 85)  hsl(131, 54%, 50%)  Lime Green