ColorTool
لاگ اِن
#BABBCC

#babbcc ≈ Languid Lavender

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

⁦#babbcc⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 72.94% سرخ، 73.33% سبز اور 80% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 8.82% سیان، 8.33% میجنٹا، 0% پیلا اور 20% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 236.67°، سیچوریشن 15% اور روشنی 76.47% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 11.07:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Languid Lavender (⁦#d6cadd⁩) ہے، ΔE 7.23۔

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

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

تکمیلی

  1. #babbcc
  2. #cccbba

منقسم تکمیلی

  1. #babbcc
  2. #ccc2ba
  3. #c4ccba

مماثل

  1. #bac4cc
  2. #babbcc
  3. #c2bacc

سہ رنگی

  1. #babbcc
  2. #ccbabb
  3. #bbccba

چہار رنگی

  1. #babbcc
  2. #cbbacc
  3. #cccbba
  4. #bbccba

مربع

  1. #babbcc
  2. #ccbac4
  3. #cccbba
  4. #baccc2

یک رنگی

  1. #656788
  2. #8e90ab
  3. #babbcc
  4. #e6e6ed
  5. #f3f3f6

شیڈز

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

  1. #babbcc
  2. #a7a8b8
  3. #9596a3
  4. #82838f
  5. #70707a
  6. #5d5e66
  7. #4a4b52
  8. #38383d
  9. #252529
  10. #131314
  11. #000000

ٹنٹس

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

  1. #babbcc
  2. #c1c2d1
  3. #c8c9d6
  4. #cfcfdb
  5. #d6d6e0
  6. #dddde6
  7. #e3e4eb
  8. #eaebf0
  9. #f1f1f5
  10. #f8f8fa
  11. #ffffff

ٹونز

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

  1. #babbcc
  2. #b4b5c4
  3. #aeafbd
  4. #a9a9b5
  5. #a3a3ae
  6. #9d9ea6
  7. #97989e
  8. #919297
  9. #8c8c8f
  10. #868688
  11. #808080

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

اکرومیٹوپسیا #bcbcbc تقریباً 0.003% مرد
اکرومیٹومیلی #bbbcc3 تقریباً 0.001% مرد
پروٹانوپیا #b7bdcd تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b6bccc تقریباً 1.27% مرد
ٹرائٹانوپیا #b6bec0 تقریباً 0.0001% مرد
پروٹانومیلی #b8bccd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #b8bbcc تقریباً 4.63% مرد
ٹرائٹانومیلی #b8bdc5 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-babbcc {
  color: #babbcc;
}
پس منظر
.bg-babbcc {
  background-color: #babbcc;
  color: #000000;
}
بارڈر
.border-babbcc {
  border: 2px solid #babbcc;
}
CSS ویری ایبلز
:root {
  --color-primary: #babbcc;
  --color-primary-rgb: 186 187 204;
  --color-primary-hsl: 237 15% 76%;
}
گریڈیئنٹ
.gradient-babbcc {
  background: linear-gradient(135deg, #babbcc, #c2bacc);
}
رنگین سایہ
.shadow-babbcc {
  box-shadow: 0 8px 24px rgb(186 187 204 / 0.35);
}

#d6cadd Languid Lavender ΔE 7.23 #b0c4de Light Steel Blue ΔE 7.77 #a2add0 Wild Blue Yonder ΔE 7.80 #c0c0c0 Silver ΔE 8.04 #a9a9a9 Dark Gray ΔE 9.56 #a9a9a9 Dark Grey ΔE 9.56 #d3d3d3 Light Gray ΔE 9.80 #454433 الٹا رنگ #bcbcbc گرے اسکیل 

Languid Lavender
#babbcc  rgb(186, 187, 204)  hsl(237, 15%, 76%)  Languid Lavender
#cccbba  rgb(204, 203, 186)  hsl(57, 15%, 76%)  Bone
#ccbabb  rgb(204, 186, 187)  hsl(357, 15%, 76%)  Silver Pink
#bbccba  rgb(187, 204, 186)  hsl(117, 15%, 76%)  Ash Gray