ColorTool
لاگ اِن
#369AB4

#369ab4 ≈ Bondi Blue

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

⁦#369ab4⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 21.18% سرخ، 60.39% سبز اور 70.59% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 70% سیان، 14.44% میجنٹا، 0% پیلا اور 29.41% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 192.38°، سیچوریشن 53.85% اور روشنی 45.88% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 6.44:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Bondi Blue (⁦#0095b6⁩) ہے، ΔE 2.88۔

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

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

تکمیلی

  1. #369ab4
  2. #b45036

منقسم تکمیلی

  1. #369ab4
  2. #b4365b
  3. #b48f36

مماثل

  1. #36b48f
  2. #369ab4
  3. #365bb4

سہ رنگی

  1. #369ab4
  2. #b4369a
  3. #9ab436

چہار رنگی

  1. #369ab4
  2. #5036b4
  3. #b45036
  4. #9ab436

مربع

  1. #369ab4
  2. #8f36b4
  3. #b45036
  4. #5bb436

یک رنگی

  1. #13353e
  2. #246879
  3. #369ab4
  4. #66bbd1
  5. #a0d5e3

شیڈز

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

  1. #369ab4
  2. #318ba2
  3. #2b7b90
  4. #266c7e
  5. #205c6c
  6. #1b4d5a
  7. #163e48
  8. #102e36
  9. #0b1f24
  10. #050f12
  11. #000000

ٹنٹس

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

  1. #369ab4
  2. #4aa4bc
  3. #5eaec3
  4. #72b8cb
  5. #86c2d2
  6. #9bcdda
  7. #afd7e1
  8. #c3e1e9
  9. #d7ebf0
  10. #ebf5f8
  11. #ffffff

ٹونز

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

  1. #369ab4
  2. #3d97af
  3. #4595aa
  4. #4c92a4
  5. #54909f
  6. #5b8d9a
  7. #628a95
  8. #6a8890
  9. #71858a
  10. #798385
  11. #808080

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

اکرومیٹوپسیا #8e8e8e تقریباً 0.003% مرد
اکرومیٹومیلی #75939f تقریباً 0.001% مرد
پروٹانوپیا #8a96b5 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #7889b4 تقریباً 1.27% مرد
ٹرائٹانوپیا #00a3a2 تقریباً 0.0001% مرد
پروٹانومیلی #7197b5 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #6490b4 تقریباً 4.63% مرد
ٹرائٹانومیلی #009faa تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-369ab4 {
  color: #369ab4;
}
پس منظر
.bg-369ab4 {
  background-color: #369ab4;
  color: #000000;
}
بارڈر
.border-369ab4 {
  border: 2px solid #369ab4;
}
CSS ویری ایبلز
:root {
  --color-primary: #369ab4;
  --color-primary-rgb: 54 154 180;
  --color-primary-hsl: 192 54% 46%;
}
گریڈیئنٹ
.gradient-369ab4 {
  background: linear-gradient(135deg, #369ab4, #365bb4);
}
رنگین سایہ
.shadow-369ab4 {
  box-shadow: 0 8px 24px rgb(54 154 180 / 0.35);
}

#0095b6 Bondi Blue ΔE 2.88 #73a9c2 Moonstone Blue ΔE 8.19 #5f9ea0 Cadet Blue ΔE 8.89 #5d8aa8 Air Force Blue ΔE 9.09 #56a0d3 Carolina Blue ΔE 9.94 #71a6d2 Iceberg ΔE 11.57 #008b8b Dark Cyan ΔE 12.41 #c9654b الٹا رنگ #8e8e8e گرے اسکیل 

Bondi Blue
#369ab4  rgb(54, 154, 180)  hsl(192, 54%, 46%)  Bondi Blue
#b45036  rgb(180, 80, 54)  hsl(12, 54%, 46%)  Sienna
#b4369a  rgb(180, 54, 154)  hsl(312, 54%, 46%)  Medium Violet Red
#9ab436  rgb(154, 180, 54)  hsl(72, 54%, 46%)  Apple Green