ColorTool
لاگ اِن
#676DB2

#676db2 ≈ Slate Blue

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

⁦#676db2⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 40.39% سرخ، 42.75% سبز اور 69.8% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 42.13% سیان، 38.76% میجنٹا، 0% پیلا اور 30.2% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 235.2°، سیچوریشن 32.75% اور روشنی 55.1% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 4.77:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Slate Blue (⁦#6a5acd⁩) ہے، ΔE 8.16۔

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

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

تکمیلی

  1. #676db2
  2. #b2ac67

منقسم تکمیلی

  1. #676db2
  2. #b28767
  3. #93b267

مماثل

  1. #6793b2
  2. #676db2
  3. #8767b2

سہ رنگی

  1. #676db2
  2. #b2676d
  3. #6db267

چہار رنگی

  1. #676db2
  2. #ac67b2
  3. #b2ac67
  4. #6db267

مربع

  1. #676db2
  2. #b26793
  3. #b2ac67
  4. #67b287

یک رنگی

  1. #2b2e55
  2. #454a88
  3. #676db2
  4. #9a9ecc
  5. #cdcfe5

شیڈز

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

  1. #676db2
  2. #5d62a0
  3. #52578e
  4. #484c7d
  5. #3e416b
  6. #343759
  7. #292c47
  8. #1f2135
  9. #151624
  10. #0a0b12
  11. #000000

ٹنٹس

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

  1. #676db2
  2. #767cba
  3. #858ac1
  4. #9599c9
  5. #a4a7d1
  6. #b3b6d9
  7. #c2c5e0
  8. #d1d3e8
  9. #e1e2f0
  10. #f0f0f7
  11. #ffffff

ٹونز

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

  1. #676db2
  2. #6a6fad
  3. #6c71a8
  4. #6f73a3
  5. #71759e
  6. #747799
  7. #767894
  8. #797a8f
  9. #7b7c8a
  10. #7e7e85
  11. #808080

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

اکرومیٹوپسیا #737373 تقریباً 0.003% مرد
اکرومیٹومیلی #6e7090 تقریباً 0.001% مرد
پروٹانوپیا #5576b5 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #5070b0 تقریباً 1.27% مرد
ٹرائٹانوپیا #4f7b87 تقریباً 0.0001% مرد
پروٹانومیلی #5d72b4 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #5a6fb1 تقریباً 4.63% مرد
ٹرائٹانومیلی #5a769a تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-676db2 {
  color: #676db2;
}
پس منظر
.bg-676db2 {
  background-color: #676db2;
  color: #ffffff;
}
بارڈر
.border-676db2 {
  border: 2px solid #676db2;
}
CSS ویری ایبلز
:root {
  --color-primary: #676db2;
  --color-primary-rgb: 103 109 178;
  --color-primary-hsl: 235 33% 55%;
}
گریڈیئنٹ
.gradient-676db2 {
  background: linear-gradient(135deg, #676db2, #8767b2);
}
رنگین سایہ
.shadow-676db2 {
  box-shadow: 0 8px 24px rgb(103 109 178 / 0.35);
}

#6a5acd Slate Blue ΔE 8.16 #4169e1 Royal Blue ΔE 8.88 #6082b6 Glaucous ΔE 8.97 #436b95 Queen Blue ΔE 9.48 #7b68ee Medium Slate Blue ΔE 10.00 #4166f5 Ultramarine Blue ΔE 10.38 #9370db Medium Purple ΔE 10.95 #98924d الٹا رنگ #737373 گرے اسکیل 

Slate Blue
#676db2  rgb(103, 109, 178)  hsl(235, 33%, 55%)  Slate Blue
#b2ac67  rgb(178, 172, 103)  hsl(55, 33%, 55%)  Dark Khaki
#b2676d  rgb(178, 103, 109)  hsl(355, 33%, 55%)  Rose Gold
#6db267  rgb(109, 178, 103)  hsl(115, 33%, 55%)  Mantis