ColorTool
لاگ اِن
#FFCCCA

#ffccca ≈ Baby Pink

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

⁦#ffccca⁩ “گلابی” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 100% سرخ، 80% سبز اور 79.22% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 0% سیان، 20% میجنٹا، 20.78% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 2.26°، سیچوریشن 100% اور روشنی 89.61% ہے۔ یہ ایک گرم رنگ ہے جو اکثر نرمی، خیال اور مٹھاس سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً خوبصورتی اور کاسمیٹکس، شادیوں اور تقریبات اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 14.74:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Baby Pink (⁦#f4c2c2⁩) ہے، ΔE 2.5۔

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

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

تکمیلی

  1. #ffccca
  2. #cafdff

منقسم تکمیلی

  1. #ffccca
  2. #caffe7
  3. #cae3ff

مماثل

  1. #ffcae3
  2. #ffccca
  3. #ffe7ca

سہ رنگی

  1. #ffccca
  2. #caffcc
  3. #cccaff

چہار رنگی

  1. #ffccca
  2. #fdffca
  3. #cafdff
  4. #cccaff

مربع

  1. #ffccca
  2. #e3ffca
  3. #cafdff
  4. #e7caff

یک رنگی

  1. #ff3931
  2. #ff827e
  3. #ffccca
  4. #ffebeb
  5. #ffebeb

شیڈز

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

  1. #ffccca
  2. #e6b8b6
  3. #cca3a2
  4. #b38f8d
  5. #997a79
  6. #806665
  7. #665251
  8. #4d3d3d
  9. #332928
  10. #1a1414
  11. #000000

ٹنٹس

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

  1. #ffccca
  2. #ffd1cf
  3. #ffd6d5
  4. #ffdbda
  5. #ffe0df
  6. #ffe6e5
  7. #ffebea
  8. #fff0ef
  9. #fff5f4
  10. #fffafa
  11. #ffffff

ٹونز

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

  1. #ffccca
  2. #f2c4c3
  3. #e6bdbb
  4. #d9b5b4
  5. #ccaeac
  6. #c0a6a5
  7. #b39e9e
  8. #a69796
  9. #998f8f
  10. #8d8887
  11. #808080

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

اکرومیٹوپسیا #d8d8d8 تقریباً 0.003% مرد
اکرومیٹومیلی #e9d3d3 تقریباً 0.001% مرد
پروٹانوپیا #d5d2ca تقریباً 1.01% مرد
ڈیوٹیرانوپیا #e1dcc9 تقریباً 1.27% مرد
ٹرائٹانوپیا #ffc7cc تقریباً 0.0001% مرد
پروٹانومیلی #e7d0ca تقریباً 1.08% مرد
ڈیوٹیرانومیلی #eed6ca تقریباً 4.63% مرد
ٹرائٹانومیلی #ffc9cb تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#f4c2c2 Baby Pink ΔE 2.50 #fdbcb4 Melon ΔE 4.87 #ffc1cc Bubble Gum ΔE 5.47 #ffc0cb Pink ΔE 5.60 #fadadd Pale Pink ΔE 5.84 #ffb6c1 Light Pink ΔE 7.21 #ffb7c5 Cherry Blossom Pink ΔE 7.61 #003335 الٹا رنگ #d8d8d8 گرے اسکیل 

Baby Pink
#ffccca  rgb(255, 204, 202)  hsl(2, 100%, 90%)  Baby Pink
#cafdff  rgb(202, 253, 255)  hsl(182, 100%, 90%)  Pale Turquoise
#caffcc  rgb(202, 255, 204)  hsl(122, 100%, 90%)  Tea Green
#cccaff  rgb(204, 202, 255)  hsl(242, 100%, 90%)  Periwinkle