ColorTool
لاگ اِن
#337CEA

#337cea ≈ Tufts Blue

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

⁦#337cea⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 20% سرخ، 48.63% سبز اور 91.76% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 78.21% سیان، 47.01% میجنٹا، 0% پیلا اور 8.24% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 216.07°، سیچوریشن 81.33% اور روشنی 55.88% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.21:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Tufts Blue (⁦#417dc1⁩) ہے، ΔE 4.15۔

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

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

تکمیلی

  1. #337cea
  2. #eaa133

منقسم تکمیلی

  1. #337cea
  2. #ea4633
  3. #d7ea33

مماثل

  1. #33d7ea
  2. #337cea
  3. #4633ea

سہ رنگی

  1. #337cea
  2. #ea337c
  3. #7cea33

چہار رنگی

  1. #337cea
  2. #a133ea
  3. #eaa133
  4. #7cea33

مربع

  1. #337cea
  2. #ea33d7
  3. #eaa133
  4. #33ea46

یک رنگی

  1. #0c3778
  2. #1357bd
  3. #337cea
  4. #78a9f1
  5. #bed5f8

شیڈز

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

  1. #337cea
  2. #2e70d3
  3. #2963bb
  4. #2457a4
  5. #1f4a8c
  6. #1a3e75
  7. #14325e
  8. #0f2546
  9. #0a192f
  10. #050c17
  11. #000000

ٹنٹس

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

  1. #337cea
  2. #4789ec
  3. #5c96ee
  4. #70a3f0
  5. #85b0f2
  6. #99bef5
  7. #adcbf7
  8. #c2d8f9
  9. #d6e5fb
  10. #ebf2fd
  11. #ffffff

ٹونز

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

  1. #337cea
  2. #3b7cdf
  3. #427dd5
  4. #4a7dca
  5. #527ec0
  6. #5a7eb5
  7. #617eaa
  8. #697fa0
  9. #717f95
  10. #78808b
  11. #808080

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

اکرومیٹوپسیا #7f7f7f تقریباً 0.003% مرد
اکرومیٹومیلی #687eb4 تقریباً 0.001% مرد
پروٹانوپیا #3e87ee تقریباً 1.01% مرد
ڈیوٹیرانوپیا #0077e8 تقریباً 1.27% مرد
ٹرائٹانوپیا #0096a8 تقریباً 0.0001% مرد
پروٹانومیلی #3a83ec تقریباً 1.08% مرد
ڈیوٹیرانومیلی #1d79e9 تقریباً 4.63% مرد
ٹرائٹانومیلی #008dc6 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-337cea {
  color: #337cea;
}
پس منظر
.bg-337cea {
  background-color: #337cea;
  color: #000000;
}
بارڈر
.border-337cea {
  border: 2px solid #337cea;
}
CSS ویری ایبلز
:root {
  --color-primary: #337cea;
  --color-primary-rgb: 51 124 234;
  --color-primary-hsl: 216 81% 56%;
}
گریڈیئنٹ
.gradient-337cea {
  background: linear-gradient(135deg, #337cea, #4633ea);
}
رنگین سایہ
.shadow-337cea {
  box-shadow: 0 8px 24px rgb(51 124 234 / 0.35);
}

#417dc1 Tufts Blue ΔE 4.15 #0070ff Brandeis Blue ΔE 4.45 #0073cf True Blue ΔE 5.82 #318ce7 Bleu de France ΔE 6.08 #4682b4 Steel Blue ΔE 6.11 #6082b6 Glaucous ΔE 6.38 #5b92e5 United Nations Blue ΔE 7.21 #cc8315 الٹا رنگ #7f7f7f گرے اسکیل 

Tufts Blue
#337cea  rgb(51, 124, 234)  hsl(216, 81%, 56%)  Tufts Blue
#eaa133  rgb(234, 161, 51)  hsl(36, 81%, 56%)  Marigold
#ea337c  rgb(234, 51, 124)  hsl(336, 81%, 56%)  Rose
#7cea33  rgb(124, 234, 51)  hsl(96, 81%, 56%)  Lawn Green