ColorTool
لاگ اِن
#FFCCCE

#ffccce ≈ Baby Pink

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

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

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

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

تکمیلی

  1. #ffccce
  2. #ccfffd

منقسم تکمیلی

  1. #ffccce
  2. #ccffe4
  3. #cce7ff

مماثل

  1. #ffcce7
  2. #ffccce
  3. #ffe4cc

سہ رنگی

  1. #ffccce
  2. #ceffcc
  3. #ccceff

چہار رنگی

  1. #ffccce
  2. #fffdcc
  3. #ccfffd
  4. #ccceff

مربع

  1. #ffccce
  2. #e7ffcc
  3. #ccfffd
  4. #e4ccff

یک رنگی

  1. #ff333b
  2. #ff8084
  3. #ffccce
  4. #ffebeb
  5. #ffebeb

شیڈز

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

  1. #ffccce
  2. #e6b8b9
  3. #cca3a5
  4. #b38f90
  5. #997a7c
  6. #806667
  7. #665252
  8. #4d3d3e
  9. #332929
  10. #1a1415
  11. #000000

ٹنٹس

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

  1. #ffccce
  2. #ffd1d3
  3. #ffd6d8
  4. #ffdbdd
  5. #ffe0e2
  6. #ffe6e7
  7. #ffebeb
  8. #fff0f0
  9. #fff5f5
  10. #fffafa
  11. #ffffff

ٹونز

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

  1. #ffccce
  2. #f2c4c6
  3. #e6bdbe
  4. #d9b5b7
  5. #ccaeaf
  6. #c0a6a7
  7. #b39e9f
  8. #a69797
  9. #998f90
  10. #8d8888
  11. #808080

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

اکرومیٹوپسیا #d8d8d8 تقریباً 0.003% مرد
اکرومیٹومیلی #e9d4d4 تقریباً 0.001% مرد
پروٹانوپیا #d4d3ce تقریباً 1.01% مرد
ڈیوٹیرانوپیا #e0dccd تقریباً 1.27% مرد
ٹرائٹانوپیا #ffc8cd تقریباً 0.0001% مرد
پروٹانومیلی #e7d0ce تقریباً 1.08% مرد
ڈیوٹیرانومیلی #edd6ce تقریباً 4.63% مرد
ٹرائٹانومیلی #ffc9cd تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#f4c2c2 Baby Pink ΔE 2.56 #ffc1cc Bubble Gum ΔE 4.25 #ffc0cb Pink ΔE 4.42 #fadadd Pale Pink ΔE 5.57 #fdbcb4 Melon ΔE 5.80 #ffb6c1 Light Pink ΔE 6.42 #ffb7c5 Cherry Blossom Pink ΔE 6.62 #003331 الٹا رنگ #d8d8d8 گرے اسکیل 

Baby Pink
#ffccce  rgb(255, 204, 206)  hsl(358, 100%, 90%)  Baby Pink
#ccfffd  rgb(204, 255, 253)  hsl(178, 100%, 90%)  Celeste
#ceffcc  rgb(206, 255, 204)  hsl(118, 100%, 90%)  Tea Green
#ccceff  rgb(204, 206, 255)  hsl(238, 100%, 90%)  Periwinkle