ColorTool
لاگ اِن
#345AA2

#345aa2 ≈ Sapphire

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

⁦#345aa2⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 20.39% سرخ، 35.29% سبز اور 63.53% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 67.9% سیان، 44.44% میجنٹا، 0% پیلا اور 36.47% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 219.27°، سیچوریشن 51.4% اور روشنی 41.96% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 6.71:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Sapphire (⁦#0f52ba⁩) ہے، ΔE 4.12۔

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

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

تکمیلی

  1. #345aa2
  2. #a27c34

منقسم تکمیلی

  1. #345aa2
  2. #a24534
  3. #91a234

مماثل

  1. #3491a2
  2. #345aa2
  3. #4534a2

سہ رنگی

  1. #345aa2
  2. #a2345a
  3. #5aa234

چہار رنگی

  1. #345aa2
  2. #7c34a2
  3. #a27c34
  4. #5aa234

مربع

  1. #345aa2
  2. #a23491
  3. #a27c34
  4. #34a245

یک رنگی

  1. #0f1a2e
  2. #213a68
  3. #345aa2
  4. #5980ca
  5. #93acdc

شیڈز

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

  1. #345aa2
  2. #2f5192
  3. #2a4882
  4. #243f71
  5. #1f3661
  6. #1a2d51
  7. #152441
  8. #101b31
  9. #0a1220
  10. #050910
  11. #000000

ٹنٹس

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

  1. #345aa2
  2. #486bab
  3. #5d7bb5
  4. #718cbe
  5. #859cc7
  6. #9aadd1
  7. #aebdda
  8. #c2cee3
  9. #d6deec
  10. #ebeff6
  11. #ffffff

ٹونز

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

  1. #345aa2
  2. #3c5e9f
  3. #43629b
  4. #4b6598
  5. #526994
  6. #5a6d91
  7. #62718e
  8. #69758a
  9. #717887
  10. #787c83
  11. #808080

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

اکرومیٹوپسیا #5c5c5c تقریباً 0.003% مرد
اکرومیٹومیلی #4f5b7e تقریباً 0.001% مرد
پروٹانوپیا #3761a5 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #2557a1 تقریباً 1.27% مرد
ٹرائٹانوپیا #006b76 تقریباً 0.0001% مرد
پروٹانومیلی #365ea4 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #2c58a1 تقریباً 4.63% مرد
ٹرائٹانومیلی #00648a تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#0f52ba Sapphire ΔE 4.12 #1560bd Denim ΔE 4.34 #26619c Lapis Lazuli ΔE 4.49 #0f4d92 Yale Blue ΔE 5.34 #436b95 Queen Blue ΔE 6.39 #0047ab Cobalt Blue ΔE 6.41 #0067a5 Medium Persian Blue ΔE 8.01 #cba55d الٹا رنگ #5c5c5c گرے اسکیل 

Sapphire
#345aa2  rgb(52, 90, 162)  hsl(219, 51%, 42%)  Sapphire
#a27c34  rgb(162, 124, 52)  hsl(39, 51%, 42%)  Dark Goldenrod
#a2345a  rgb(162, 52, 90)  hsl(339, 51%, 42%)  Jazzberry Jam
#5aa234  rgb(90, 162, 52)  hsl(99, 51%, 42%)  Kelly Green