ColorTool
لاگ اِن
#87A3BC

#87a3bc ≈ Iceberg

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

⁦#87a3bc⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 52.94% سرخ، 63.92% سبز اور 73.73% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 28.19% سیان، 13.3% میجنٹا، 0% پیلا اور 26.27% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 208.3°، سیچوریشن 28.34% اور روشنی 63.33% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 8:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Iceberg (⁦#71a6d2⁩) ہے، ΔE 5.77۔

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

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

تکمیلی

  1. #87a3bc
  2. #bca087

منقسم تکمیلی

  1. #87a3bc
  2. #bc8788
  3. #bcba87

مماثل

  1. #87bcba
  2. #87a3bc
  3. #8788bc

سہ رنگی

  1. #87a3bc
  2. #bc87a3
  3. #a3bc87

چہار رنگی

  1. #87a3bc
  2. #a087bc
  3. #bca087
  4. #a3bc87

مربع

  1. #87a3bc
  2. #ba87bc
  3. #bca087
  4. #88bc87

یک رنگی

  1. #3d566d
  2. #587d9e
  3. #87a3bc
  4. #b8c9d7
  5. #e9eef3

شیڈز

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

  1. #87a3bc
  2. #7a93a9
  3. #6c8296
  4. #5f7284
  5. #516271
  6. #44525e
  7. #36414b
  8. #293138
  9. #1b2126
  10. #0e1013
  11. #000000

ٹنٹس

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

  1. #87a3bc
  2. #93acc3
  3. #9fb5c9
  4. #abbfd0
  5. #b7c8d7
  6. #c3d1de
  7. #cfdae4
  8. #dbe3eb
  9. #e7edf2
  10. #f3f6f8
  11. #ffffff

ٹونز

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

  1. #87a3bc
  2. #86a0b6
  3. #869cb0
  4. #8599aa
  5. #8495a4
  6. #84929e
  7. #838e98
  8. #828b92
  9. #81878c
  10. #818486
  11. #808080

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

اکرومیٹوپسیا #a0a0a0 تقریباً 0.003% مرد
اکرومیٹومیلی #96a1ac تقریباً 0.001% مرد
پروٹانوپیا #99a3bd تقریباً 1.01% مرد
ڈیوٹیرانوپیا #929dbc تقریباً 1.27% مرد
ٹرائٹانوپیا #78a9ab تقریباً 0.0001% مرد
پروٹانومیلی #92a3bd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #8ea0bc تقریباً 4.63% مرد
ٹرائٹانومیلی #7ea7b2 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#71a6d2 Iceberg ΔE 5.77 #73a9c2 Moonstone Blue ΔE 6.43 #56a0d3 Carolina Blue ΔE 8.48 #6495ed Cornflower Blue ΔE 9.13 #a2add0 Wild Blue Yonder ΔE 9.15 #778899 Light Slate Gray ΔE 9.17 #778899 Light Slate Grey ΔE 9.17 #785c43 الٹا رنگ #a0a0a0 گرے اسکیل 

Iceberg
#87a3bc  rgb(135, 163, 188)  hsl(208, 28%, 63%)  Iceberg
#bca087  rgb(188, 160, 135)  hsl(28, 28%, 63%)  Camel
#bc87a3  rgb(188, 135, 163)  hsl(328, 28%, 63%)  Puce
#a3bc87  rgb(163, 188, 135)  hsl(88, 28%, 63%)  Olivine