ColorTool
لاگ اِن
#87B4BC

#87b4bc ≈ Moonstone Blue

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

⁦#87b4bc⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 52.94% سرخ، 70.59% سبز اور 73.73% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 28.19% سیان، 4.26% میجنٹا، 0% پیلا اور 26.27% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 189.06°، سیچوریشن 28.34% اور روشنی 63.33% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 9.28:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Moonstone Blue (⁦#73a9c2⁩) ہے، ΔE 7.14۔

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

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

تکمیلی

  1. #87b4bc
  2. #bc8f87

منقسم تکمیلی

  1. #87b4bc
  2. #bc8799
  3. #bca987

مماثل

  1. #87bca9
  2. #87b4bc
  3. #8799bc

سہ رنگی

  1. #87b4bc
  2. #bc87b4
  3. #b4bc87

چہار رنگی

  1. #87b4bc
  2. #8f87bc
  3. #bc8f87
  4. #b4bc87

مربع

  1. #87b4bc
  2. #a987bc
  3. #bc8f87
  4. #99bc87

یک رنگی

  1. #3d666d
  2. #58949e
  3. #87b4bc
  4. #b8d3d7
  5. #e9f1f3

شیڈز

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

  1. #87b4bc
  2. #7aa2a9
  3. #6c9096
  4. #5f7e84
  5. #516c71
  6. #445a5e
  7. #36484b
  8. #293638
  9. #1b2426
  10. #0e1213
  11. #000000

ٹنٹس

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

  1. #87b4bc
  2. #93bcc3
  3. #9fc3c9
  4. #abcbd0
  5. #b7d2d7
  6. #c3dade
  7. #cfe1e4
  8. #dbe9eb
  9. #e7f0f2
  10. #f3f8f8
  11. #ffffff

ٹونز

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

  1. #87b4bc
  2. #86afb6
  3. #86aab0
  4. #85a4aa
  5. #849fa4
  6. #849a9e
  7. #839598
  8. #829092
  9. #818a8c
  10. #818586
  11. #808080

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

اکرومیٹوپسیا #acacac تقریباً 0.003% مرد
اکرومیٹومیلی #9fafb3 تقریباً 0.001% مرد
پروٹانوپیا #acb0bd تقریباً 1.01% مرد
ڈیوٹیرانوپیا #a3a9bc تقریباً 1.27% مرد
ٹرائٹانوپیا #75b8b6 تقریباً 0.0001% مرد
پروٹانومیلی #9fb2bc تقریباً 1.08% مرد
ڈیوٹیرانومیلی #99aebc تقریباً 4.63% مرد
ٹرائٹانومیلی #7db6b9 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-87b4bc {
  color: #87b4bc;
}
پس منظر
.bg-87b4bc {
  background-color: #87b4bc;
  color: #000000;
}
بارڈر
.border-87b4bc {
  border: 2px solid #87b4bc;
}
CSS ویری ایبلز
:root {
  --color-primary: #87b4bc;
  --color-primary-rgb: 135 180 188;
  --color-primary-hsl: 189 28% 63%;
}
گریڈیئنٹ
.gradient-87b4bc {
  background: linear-gradient(135deg, #87b4bc, #8799bc);
}
رنگین سایہ
.shadow-87b4bc {
  box-shadow: 0 8px 24px rgb(135 180 188 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 7.14 #aec6cf Pastel Blue ΔE 8.42 #a8c3bc Opal ΔE 8.64 #5f9ea0 Cadet Blue ΔE 9.12 #87ceeb Sky Blue ΔE 9.58 #add8e6 Light Blue ΔE 9.92 #89cff0 Baby Blue ΔE 10.63 #784b43 الٹا رنگ #acacac گرے اسکیل 

Moonstone Blue
#87b4bc  rgb(135, 180, 188)  hsl(189, 28%, 63%)  Moonstone Blue
#bc8f87  rgb(188, 143, 135)  hsl(9, 28%, 63%)  Rosy Brown
#bc87b4  rgb(188, 135, 180)  hsl(309, 28%, 63%)  Sky Magenta
#b4bc87  rgb(180, 188, 135)  hsl(69, 28%, 63%)  Sage