ColorTool
لاگ اِن
#87BEB4

#87beb4 ≈ Opal

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

⁦#87beb4⁩ “سبز نیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 52.94% سرخ، 74.51% سبز اور 70.59% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 28.95% سیان، 0% میجنٹا، 5.26% پیلا اور 25.49% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 169.09°، سیچوریشن 29.73% اور روشنی 63.73% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر شفافیت، سکون اور تجدید سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 10.05:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Opal (⁦#a8c3bc⁩) ہے، ΔE 7.37۔

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

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

تکمیلی

  1. #87beb4
  2. #be8791

منقسم تکمیلی

  1. #87beb4
  2. #be87ad
  3. #be9987

مماثل

  1. #87be99
  2. #87beb4
  3. #87adbe

سہ رنگی

  1. #87beb4
  2. #b487be
  3. #beb487

چہار رنگی

  1. #87beb4
  2. #8791be
  3. #be8791
  4. #beb487

مربع

  1. #87beb4
  2. #9987be
  3. #be8791
  4. #adbe87

یک رنگی

  1. #3c7066
  2. #57a194
  3. #87beb4
  4. #b9d9d3
  5. #eaf4f2

شیڈز

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

  1. #87beb4
  2. #7aaba2
  3. #6c9890
  4. #5f857e
  5. #51726c
  6. #445f5a
  7. #364c48
  8. #293936
  9. #1b2624
  10. #0e1312
  11. #000000

ٹنٹس

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

  1. #87beb4
  2. #93c5bc
  3. #9fcbc3
  4. #abd2cb
  5. #b7d8d2
  6. #c3dfda
  7. #cfe5e1
  8. #dbece9
  9. #e7f2f0
  10. #f3f9f8
  11. #ffffff

ٹونز

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

  1. #87beb4
  2. #86b8af
  3. #86b2aa
  4. #85aba4
  5. #84a59f
  6. #849f9a
  7. #839995
  8. #829390
  9. #818c8a
  10. #818685
  11. #808080

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

اکرومیٹوپسیا #b3b3b3 تقریباً 0.003% مرد
اکرومیٹومیلی #a3b8b4 تقریباً 0.001% مرد
پروٹانوپیا #b9b8b4 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #afb0b5 تقریباً 1.27% مرد
ٹرائٹانوپیا #77c0bb تقریباً 0.0001% مرد
پروٹانومیلی #a7bab4 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #a0b6b5 تقریباً 4.63% مرد
ٹرائٹانومیلی #7dbfb8 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#a8c3bc Opal ΔE 7.37 #43b3ae Verdigris ΔE 8.43 #48d1cc Medium Turquoise ΔE 9.25 #66cdaa Medium Aquamarine ΔE 9.81 #0abab5 Tiffany Blue ΔE 10.02 #20b2aa Light Sea Green ΔE 10.13 #00cccc Robin Egg Blue ΔE 10.71 #78414b الٹا رنگ #b3b3b3 گرے اسکیل 

Opal
#87beb4  rgb(135, 190, 180)  hsl(169, 30%, 64%)  Opal
#be8791  rgb(190, 135, 145)  hsl(349, 30%, 64%)  Puce
#b487be  rgb(180, 135, 190)  hsl(289, 30%, 64%)  Wisteria
#beb487  rgb(190, 180, 135)  hsl(49, 30%, 64%)  Ecru