ColorTool
لاگ اِن
#3354A2

#3354a2 ≈ Sapphire

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

⁦#3354a2⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 20% سرخ، 32.94% سبز اور 63.53% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 68.52% سیان، 48.15% میجنٹا، 0% پیلا اور 36.47% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 222.16°، سیچوریشن 52.11% اور روشنی 41.76% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 7.17:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Sapphire (⁦#0f52ba⁩) ہے، ΔE 3.55۔

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

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

تکمیلی

  1. #3354a2
  2. #a28133

منقسم تکمیلی

  1. #3354a2
  2. #a24933
  3. #8ba233

مماثل

  1. #338ba2
  2. #3354a2
  3. #4933a2

سہ رنگی

  1. #3354a2
  2. #a23354
  3. #54a233

چہار رنگی

  1. #3354a2
  2. #8133a2
  3. #a28133
  4. #54a233

مربع

  1. #3354a2
  2. #a2338b
  3. #a28133
  4. #33a249

یک رنگی

  1. #0e182e
  2. #213668
  3. #3354a2
  4. #5779ca
  5. #91a8dd

شیڈز

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

  1. #3354a2
  2. #2e4c92
  3. #294382
  4. #243b71
  5. #1f3261
  6. #1a2a51
  7. #142241
  8. #0f1931
  9. #0a1120
  10. #050810
  11. #000000

ٹنٹس

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

  1. #3354a2
  2. #4765ab
  3. #5c76b5
  4. #7087be
  5. #8598c7
  6. #99aad1
  7. #adbbda
  8. #c2cce3
  9. #d6ddec
  10. #ebeef6
  11. #ffffff

ٹونز

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

  1. #3354a2
  2. #3b589f
  3. #425d9b
  4. #4a6198
  5. #526694
  6. #5a6a91
  7. #616e8e
  8. #69738a
  9. #717787
  10. #787c83
  11. #808080

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

اکرومیٹوپسیا #585858 تقریباً 0.003% مرد
اکرومیٹومیلی #4b567c تقریباً 0.001% مرد
پروٹانوپیا #2b5da5 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #1253a0 تقریباً 1.27% مرد
ٹرائٹانوپیا #006673 تقریباً 0.0001% مرد
پروٹانومیلی #2e5aa4 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #2353a1 تقریباً 4.63% مرد
ٹرائٹانومیلی #005f88 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-3354a2 {
  color: #3354a2;
}
پس منظر
.bg-3354a2 {
  background-color: #3354a2;
  color: #ffffff;
}
بارڈر
.border-3354a2 {
  border: 2px solid #3354a2;
}
CSS ویری ایبلز
:root {
  --color-primary: #3354a2;
  --color-primary-rgb: 51 84 162;
  --color-primary-hsl: 222 52% 42%;
}
گریڈیئنٹ
.gradient-3354a2 {
  background: linear-gradient(135deg, #3354a2, #4933a2);
}
رنگین سایہ
.shadow-3354a2 {
  box-shadow: 0 8px 24px rgb(51 84 162 / 0.35);
}

#0f52ba Sapphire ΔE 3.55 #0f4d92 Yale Blue ΔE 4.72 #0047ab Cobalt Blue ΔE 4.75 #1560bd Denim ΔE 5.98 #26619c Lapis Lazuli ΔE 6.37 #436b95 Queen Blue ΔE 8.25 #1c39bb Persian Blue ΔE 9.45 #ccab5d الٹا رنگ #585858 گرے اسکیل 

Sapphire
#3354a2  rgb(51, 84, 162)  hsl(222, 52%, 42%)  Sapphire
#a28133  rgb(162, 129, 51)  hsl(42, 52%, 42%)  Dark Goldenrod
#a23354  rgb(162, 51, 84)  hsl(342, 52%, 42%)  Jazzberry Jam
#54a233  rgb(84, 162, 51)  hsl(102, 52%, 42%)  Kelly Green