ColorTool
لاگ اِن
#CAA3FF

#caa3ff ≈ Mauve

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

⁦#caa3ff⁩ “بنفشی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 79.22% سرخ، 63.92% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 20.78% سیان، 36.08% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 265.43°، سیچوریشن 100% اور روشنی 81.96% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تخیل، روحانیت اور عیش سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 10.19:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Mauve (⁦#e0b0ff⁩) ہے، ΔE 5.33۔

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

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

تکمیلی

  1. #caa3ff
  2. #d8ffa3

منقسم تکمیلی

  1. #caa3ff
  2. #fff8a3
  3. #aaffa3

مماثل

  1. #a3aaff
  2. #caa3ff
  3. #f8a3ff

سہ رنگی

  1. #caa3ff
  2. #ffcaa3
  3. #a3ffca

چہار رنگی

  1. #caa3ff
  2. #ffa3d8
  3. #d8ffa3
  4. #a3ffca

مربع

  1. #caa3ff
  2. #ffa3aa
  3. #d8ffa3
  4. #a3fff8

یک رنگی

  1. #720aff
  2. #9e56ff
  3. #caa3ff
  4. #f3ebff
  5. #f3ebff

شیڈز

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

  1. #caa3ff
  2. #b693e6
  3. #a282cc
  4. #8d72b3
  5. #796299
  6. #655280
  7. #514166
  8. #3d314d
  9. #282133
  10. #14101a
  11. #000000

ٹنٹس

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

  1. #caa3ff
  2. #cfacff
  3. #d5b5ff
  4. #dabfff
  5. #dfc8ff
  6. #e5d1ff
  7. #eadaff
  8. #efe3ff
  9. #f4edff
  10. #faf6ff
  11. #ffffff

ٹونز

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

  1. #caa3ff
  2. #c3a0f2
  3. #bb9ce6
  4. #b499d9
  5. #ac95cc
  6. #a592c0
  7. #9e8eb3
  8. #968ba6
  9. #8f8799
  10. #87848d
  11. #808080

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

اکرومیٹوپسیا #b5b5b5 تقریباً 0.003% مرد
اکرومیٹومیلی #beaed6 تقریباً 0.001% مرد
پروٹانوپیا #8eb4ff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #96b4fc تقریباً 1.27% مرد
ٹرائٹانوپیا #c1b1c5 تقریباً 0.0001% مرد
پروٹانومیلی #a9adff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #adaefd تقریباً 4.63% مرد
ٹرائٹانومیلی #c5acdf تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-caa3ff {
  color: #caa3ff;
}
پس منظر
.bg-caa3ff {
  background-color: #caa3ff;
  color: #000000;
}
بارڈر
.border-caa3ff {
  border: 2px solid #caa3ff;
}
CSS ویری ایبلز
:root {
  --color-primary: #caa3ff;
  --color-primary-rgb: 202 163 255;
  --color-primary-hsl: 265 100% 82%;
}
گریڈیئنٹ
.gradient-caa3ff {
  background: linear-gradient(135deg, #caa3ff, #f8a3ff);
}
رنگین سایہ
.shadow-caa3ff {
  box-shadow: 0 8px 24px rgb(202 163 255 / 0.35);
}

#e0b0ff Mauve ΔE 5.33 #c9a0dc Wisteria ΔE 7.17 #dda0dd Plum ΔE 9.58 #b57edc Floral Lavender ΔE 10.08 #ee82ee Violet ΔE 11.34 #df73ff Heliotrope ΔE 11.65 #ccccff Periwinkle ΔE 12.06 #355c00 الٹا رنگ #b5b5b5 گرے اسکیل 

Mauve
#caa3ff  rgb(202, 163, 255)  hsl(265, 100%, 82%)  Mauve
#d8ffa3  rgb(216, 255, 163)  hsl(85, 100%, 82%)  Inchworm
#ffcaa3  rgb(255, 202, 163)  hsl(25, 100%, 82%)  Apricot
#a3ffca  rgb(163, 255, 202)  hsl(145, 100%, 82%)  Aquamarine