ColorTool
لاگ اِن
#87B1BC

#87b1bc ≈ Moonstone Blue

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

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

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

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

تکمیلی

  1. #87b1bc
  2. #bc9287

منقسم تکمیلی

  1. #87b1bc
  2. #bc8796
  3. #bcac87

مماثل

  1. #87bcac
  2. #87b1bc
  3. #8796bc

سہ رنگی

  1. #87b1bc
  2. #bc87b1
  3. #b1bc87

چہار رنگی

  1. #87b1bc
  2. #9287bc
  3. #bc9287
  4. #b1bc87

مربع

  1. #87b1bc
  2. #ac87bc
  3. #bc9287
  4. #96bc87

یک رنگی

  1. #3d636d
  2. #58909e
  3. #87b1bc
  4. #b8d1d7
  5. #e9f1f3

شیڈز

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

  1. #87b1bc
  2. #7a9fa9
  3. #6c8e96
  4. #5f7c84
  5. #516a71
  6. #44595e
  7. #36474b
  8. #293538
  9. #1b2326
  10. #0e1213
  11. #000000

ٹنٹس

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

  1. #87b1bc
  2. #93b9c3
  3. #9fc1c9
  4. #abc8d0
  5. #b7d0d7
  6. #c3d8de
  7. #cfe0e4
  8. #dbe8eb
  9. #e7eff2
  10. #f3f7f8
  11. #ffffff

ٹونز

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

  1. #87b1bc
  2. #86acb6
  3. #86a7b0
  4. #85a2aa
  5. #849da4
  6. #84999e
  7. #839498
  8. #828f92
  9. #818a8c
  10. #818586
  11. #808080

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

اکرومیٹوپسیا #aaaaaa تقریباً 0.003% مرد
اکرومیٹومیلی #9dadb2 تقریباً 0.001% مرد
پروٹانوپیا #a9aebd تقریباً 1.01% مرد
ڈیوٹیرانوپیا #a0a7bc تقریباً 1.27% مرد
ٹرائٹانوپیا #76b5b4 تقریباً 0.0001% مرد
پروٹانومیلی #9dafbc تقریباً 1.08% مرد
ڈیوٹیرانومیلی #97abbc تقریباً 4.63% مرد
ٹرائٹانومیلی #7db4b7 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#73a9c2 Moonstone Blue ΔE 5.64 #aec6cf Pastel Blue ΔE 8.11 #87ceeb Sky Blue ΔE 9.43 #5f9ea0 Cadet Blue ΔE 9.67 #a8c3bc Opal ΔE 9.75 #add8e6 Light Blue ΔE 10.22 #89cff0 Baby Blue ΔE 10.30 #784e43 الٹا رنگ #aaaaaa گرے اسکیل 

Moonstone Blue
#87b1bc  rgb(135, 177, 188)  hsl(192, 28%, 63%)  Moonstone Blue
#bc9287  rgb(188, 146, 135)  hsl(12, 28%, 63%)  Rosy Brown
#bc87b1  rgb(188, 135, 177)  hsl(312, 28%, 63%)  Sky Magenta
#b1bc87  rgb(177, 188, 135)  hsl(72, 28%, 63%)  Sage