ColorTool
لاگ اِن
#CAA2FD

#caa2fd ≈ Mauve

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

⁦#caa2fd⁩ “بنفشی” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 79.22% سرخ، 63.53% سبز اور 99.22% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 20.16% سیان، 35.97% میجنٹا، 0% پیلا اور 0.78% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 266.37°، سیچوریشن 95.79% اور روشنی 81.37% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تخیل، روحانیت اور عیش سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، تخلیقی اسٹوڈیوز اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 10.1:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Mauve (⁦#e0b0ff⁩) ہے، ΔE 5.26۔

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

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

تکمیلی

  1. #caa2fd
  2. #d5fda2

منقسم تکمیلی

  1. #caa2fd
  2. #fdf7a2
  3. #a7fda2

مماثل

  1. #a2a7fd
  2. #caa2fd
  3. #f7a2fd

سہ رنگی

  1. #caa2fd
  2. #fdcaa2
  3. #a2fdca

چہار رنگی

  1. #caa2fd
  2. #fda2d5
  3. #d5fda2
  4. #a2fdca

مربع

  1. #caa2fd
  2. #fda2a7
  3. #d5fda2
  4. #a2fdf7

یک رنگی

  1. #750cfa
  2. #9f57fb
  3. #caa2fd
  4. #f4ebff
  5. #f4ebff

شیڈز

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

  1. #caa2fd
  2. #b692e4
  3. #a282ca
  4. #8d71b1
  5. #796198
  6. #65517f
  7. #514165
  8. #3d314c
  9. #282033
  10. #141019
  11. #000000

ٹنٹس

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

  1. #caa2fd
  2. #cfabfd
  3. #d5b5fd
  4. #dabefe
  5. #dfc7fe
  6. #e5d1fe
  7. #eadafe
  8. #efe3fe
  9. #f4ecff
  10. #faf6ff
  11. #ffffff

ٹونز

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

  1. #caa2fd
  2. #c39ff1
  3. #bb9be4
  4. #b498d8
  5. #ac94cb
  6. #a591bf
  7. #9e8eb2
  8. #968aa6
  9. #8f8799
  10. #87838d
  11. #808080

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

اکرومیٹوپسیا #b4b4b4 تقریباً 0.003% مرد
اکرومیٹومیلی #bdadd5 تقریباً 0.001% مرد
پروٹانوپیا #8eb3ff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #96b4fa تقریباً 1.27% مرد
ٹرائٹانوپیا #c2b0c4 تقریباً 0.0001% مرد
پروٹانومیلی #a9acff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #adadfb تقریباً 4.63% مرد
ٹرائٹانومیلی #c5abdd تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#e0b0ff Mauve ΔE 5.26 #c9a0dc Wisteria ΔE 6.84 #dda0dd Plum ΔE 9.26 #b57edc Floral Lavender ΔE 9.78 #ee82ee Violet ΔE 11.03 #df73ff Heliotrope ΔE 11.41 #c8a2c8 Lilac ΔE 12.20 #355d02 الٹا رنگ #b4b4b4 گرے اسکیل 

Mauve
#caa2fd  rgb(202, 162, 253)  hsl(266, 96%, 81%)  Mauve
#d5fda2  rgb(213, 253, 162)  hsl(86, 96%, 81%)  Inchworm
#fdcaa2  rgb(253, 202, 162)  hsl(26, 96%, 81%)  Peach Orange
#a2fdca  rgb(162, 253, 202)  hsl(146, 96%, 81%)  Aquamarine