ColorTool
لاگ اِن
#BAAFFE

#baaffe ≈ Periwinkle

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

⁦#baaffe⁩ “نیلا” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 72.94% سرخ، 68.63% سبز اور 99.61% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 26.77% سیان، 31.1% میجنٹا، 0% پیلا اور 0.39% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 248.35°، سیچوریشن 97.53% اور روشنی 84.12% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر اعتماد، استحکام اور توجہ سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 10.65:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Periwinkle (⁦#ccccff⁩) ہے، ΔE 8.14۔

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

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

تکمیلی

  1. #baaffe
  2. #f3feaf

منقسم تکمیلی

  1. #baaffe
  2. #fee1af
  3. #ccfeaf

مماثل

  1. #afccfe
  2. #baaffe
  3. #e1affe

سہ رنگی

  1. #baaffe
  2. #febaaf
  3. #affeba

چہار رنگی

  1. #baaffe
  2. #feaff3
  3. #f3feaf
  4. #affeba

مربع

  1. #baaffe
  2. #feafcc
  3. #f3feaf
  4. #affee1

یک رنگی

  1. #3818fc
  2. #7963fd
  3. #baaffe
  4. #eeebff
  5. #eeebff

شیڈز

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

  1. #baaffe
  2. #a79ee5
  3. #958ccb
  4. #827bb2
  5. #706998
  6. #5d587f
  7. #4a4666
  8. #38354c
  9. #252333
  10. #131219
  11. #000000

ٹنٹس

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

  1. #baaffe
  2. #c1b7fe
  3. #c8bffe
  4. #cfc7fe
  5. #d6cffe
  6. #ddd7ff
  7. #e3dfff
  8. #eae7ff
  9. #f1efff
  10. #f8f7ff
  11. #ffffff

ٹونز

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

  1. #baaffe
  2. #b4aaf1
  3. #aea6e5
  4. #a9a1d8
  5. #a39ccc
  6. #9d98bf
  7. #9793b2
  8. #918ea6
  9. #8c8999
  10. #86858d
  11. #808080

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

اکرومیٹوپسیا #b9b9b9 تقریباً 0.003% مرد
اکرومیٹومیلی #b9b5d8 تقریباً 0.001% مرد
پروٹانوپیا #9abaff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #9ab7fc تقریباً 1.27% مرد
ٹرائٹانوپیا #abbdcb تقریباً 0.0001% مرد
پروٹانومیلی #a8b6ff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #a8b4fd تقریباً 4.63% مرد
ٹرائٹانومیلی #b1b7e1 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#ccccff Periwinkle ΔE 8.14 #a2add0 Wild Blue Yonder ΔE 8.77 #e0b0ff Mauve ΔE 8.79 #b0c4de Light Steel Blue ΔE 10.02 #c9a0dc Wisteria ΔE 10.03 #bcd4e6 Pale Aqua ΔE 13.13 #dda0dd Plum ΔE 13.45 #455001 الٹا رنگ #b9b9b9 گرے اسکیل 

Periwinkle
#baaffe  rgb(186, 175, 254)  hsl(248, 98%, 84%)  Periwinkle
#f3feaf  rgb(243, 254, 175)  hsl(68, 98%, 84%)  Pastel Yellow
#febaaf  rgb(254, 186, 175)  hsl(8, 98%, 84%)  Melon
#affeba  rgb(175, 254, 186)  hsl(128, 98%, 84%)  Pale Green