ColorTool
لاگ اِن
#677CFF

#677cff ≈ Medium Slate Blue

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

⁦#677cff⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 40.39% سرخ، 48.63% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 59.61% سیان، 51.37% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 231.71°، سیچوریشن 100% اور روشنی 70.2% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.9:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Medium Slate Blue (⁦#7b68ee⁩) ہے، ΔE 7.91۔

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

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

تکمیلی

  1. #677cff
  2. #ffea67

منقسم تکمیلی

  1. #677cff
  2. #ff9e67
  3. #c8ff67

مماثل

  1. #67c8ff
  2. #677cff
  3. #9e67ff

سہ رنگی

  1. #677cff
  2. #ff677c
  3. #7cff67

چہار رنگی

  1. #677cff
  2. #ea67ff
  3. #ffea67
  4. #7cff67

مربع

  1. #677cff
  2. #ff67c8
  3. #ffea67
  4. #67ff9e

یک رنگی

  1. #001ccd
  2. #1b3aff
  3. #677cff
  4. #b4beff
  5. #ebedff

شیڈز

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

  1. #677cff
  2. #5d70e6
  3. #5263cc
  4. #4857b3
  5. #3e4a99
  6. #343e80
  7. #293266
  8. #1f254d
  9. #151933
  10. #0a0c1a
  11. #000000

ٹنٹس

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

  1. #677cff
  2. #7689ff
  3. #8596ff
  4. #95a3ff
  5. #a4b0ff
  6. #b3beff
  7. #c2cbff
  8. #d1d8ff
  9. #e1e5ff
  10. #f0f2ff
  11. #ffffff

ٹونز

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

  1. #677cff
  2. #6a7cf2
  3. #6c7de6
  4. #6f7dd9
  5. #717ecc
  6. #747ec0
  7. #767eb3
  8. #797fa6
  9. #7b7f99
  10. #7e808d
  11. #808080

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

اکرومیٹوپسیا #888888 تقریباً 0.003% مرد
اکرومیٹومیلی #7c83c3 تقریباً 0.001% مرد
پروٹانوپیا #2f8fff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #0081fc تقریباً 1.27% مرد
ٹرائٹانوپیا #009ab2 تقریباً 0.0001% مرد
پروٹانومیلی #4b88ff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #407ffd تقریباً 4.63% مرد
ٹرائٹانومیلی #388fd5 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-677cff {
  color: #677cff;
}
پس منظر
.bg-677cff {
  background-color: #677cff;
  color: #000000;
}
بارڈر
.border-677cff {
  border: 2px solid #677cff;
}
CSS ویری ایبلز
:root {
  --color-primary: #677cff;
  --color-primary-rgb: 103 124 255;
  --color-primary-hsl: 232 100% 70%;
}
گریڈیئنٹ
.gradient-677cff {
  background: linear-gradient(135deg, #677cff, #9e67ff);
}
رنگین سایہ
.shadow-677cff {
  box-shadow: 0 8px 24px rgb(103 124 255 / 0.35);
}

#7b68ee Medium Slate Blue ΔE 7.91 #0070ff Brandeis Blue ΔE 7.91 #4166f5 Ultramarine Blue ΔE 8.10 #6082b6 Glaucous ΔE 8.73 #4169e1 Royal Blue ΔE 8.83 #6495ed Cornflower Blue ΔE 8.92 #5b92e5 United Nations Blue ΔE 9.21 #988300 الٹا رنگ #888888 گرے اسکیل 

Medium Slate Blue
#677cff  rgb(103, 124, 255)  hsl(232, 100%, 70%)  Medium Slate Blue
#ffea67  rgb(255, 234, 103)  hsl(52, 100%, 70%)  Naples Yellow
#ff677c  rgb(255, 103, 124)  hsl(352, 100%, 70%)  Light Coral
#7cff67  rgb(124, 255, 103)  hsl(112, 100%, 70%)  Neon Green