ColorTool
لاگ اِن
#677BBD

#677bbd ≈ Glaucous

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

⁦#677bbd⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 40.39% سرخ، 48.24% سبز اور 74.12% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 45.5% سیان، 34.92% میجنٹا، 0% پیلا اور 25.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 226.05°، سیچوریشن 39.45% اور روشنی 57.25% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.14:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Glaucous (⁦#6082b6⁩) ہے، ΔE 3.97۔

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

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

تکمیلی

  1. #677bbd
  2. #bda967

منقسم تکمیلی

  1. #677bbd
  2. #bd7e67
  3. #a6bd67

مماثل

  1. #67a6bd
  2. #677bbd
  3. #7e67bd

سہ رنگی

  1. #677bbd
  2. #bd677b
  3. #7bbd67

چہار رنگی

  1. #677bbd
  2. #a967bd
  3. #bda967
  4. #7bbd67

مربع

  1. #677bbd
  2. #bd67a6
  3. #bda967
  4. #67bd7e

یک رنگی

  1. #2a3761
  2. #415596
  3. #677bbd
  4. #9ca9d4
  5. #d2d8eb

شیڈز

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

  1. #677bbd
  2. #5d6faa
  3. #526297
  4. #485684
  5. #3e4a71
  6. #343e5f
  7. #29314c
  8. #1f2539
  9. #151926
  10. #0a0c13
  11. #000000

ٹنٹس

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

  1. #677bbd
  2. #7688c4
  3. #8595ca
  4. #95a3d1
  5. #a4b0d7
  6. #b3bdde
  7. #c2cae5
  8. #d1d7eb
  9. #e1e5f2
  10. #f0f2f8
  11. #ffffff

ٹونز

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

  1. #677bbd
  2. #6a7cb7
  3. #6c7cb1
  4. #6f7dab
  5. #717da5
  6. #747e9f
  7. #767e98
  8. #797f92
  9. #7b7f8c
  10. #7e8086
  11. #808080

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

اکرومیٹوپسیا #7e7e7e تقریباً 0.003% مرد
اکرومیٹومیلی #757d9b تقریباً 0.001% مرد
پروٹانوپیا #6382c0 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #5b7abc تقریباً 1.27% مرد
ٹرائٹانوپیا #488993 تقریباً 0.0001% مرد
پروٹانومیلی #657fbf تقریباً 1.08% مرد
ڈیوٹیرانومیلی #607bbc تقریباً 4.63% مرد
ٹرائٹانومیلی #5683a6 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-677bbd {
  color: #677bbd;
}
پس منظر
.bg-677bbd {
  background-color: #677bbd;
  color: #000000;
}
بارڈر
.border-677bbd {
  border: 2px solid #677bbd;
}
CSS ویری ایبلز
:root {
  --color-primary: #677bbd;
  --color-primary-rgb: 103 123 189;
  --color-primary-hsl: 226 39% 57%;
}
گریڈیئنٹ
.gradient-677bbd {
  background: linear-gradient(135deg, #677bbd, #7e67bd);
}
رنگین سایہ
.shadow-677bbd {
  box-shadow: 0 8px 24px rgb(103 123 189 / 0.35);
}

#6082b6 Glaucous ΔE 3.97 #417dc1 Tufts Blue ΔE 7.81 #4169e1 Royal Blue ΔE 8.50 #4682b4 Steel Blue ΔE 9.11 #5d8aa8 Air Force Blue ΔE 9.99 #4166f5 Ultramarine Blue ΔE 10.00 #0070ff Brandeis Blue ΔE 10.08 #988442 الٹا رنگ #7e7e7e گرے اسکیل 

Glaucous
#677bbd  rgb(103, 123, 189)  hsl(226, 39%, 57%)  Glaucous
#bda967  rgb(189, 169, 103)  hsl(46, 39%, 57%)  Ecru
#bd677b  rgb(189, 103, 123)  hsl(346, 39%, 57%)  Rose Gold
#7bbd67  rgb(123, 189, 103)  hsl(106, 39%, 57%)  Mantis