ColorTool
لاگ اِن
#ECF5F1

#ecf5f1 ≈ Mint Cream

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

⁦#ecf5f1⁩ “سفید” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 92.55% سرخ، 96.08% سبز اور 94.51% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 3.67% سیان، 0% میجنٹا، 1.63% پیلا اور 3.92% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 153.33°، سیچوریشن 31.03% اور روشنی 94.31% ہے۔ یہ ایک غیر جانبدار رنگ ہے جو اکثر پاکیزگی، سادگی اور وسعت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً پس منظر اور بڑی سطحوں، سادہ لے آؤٹ اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 18.9:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Mint Cream (⁦#f5fffa⁩) ہے، ΔE 2.07۔

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

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

تکمیلی

  1. #ecf5f1
  2. #f5ecf0

منقسم تکمیلی

  1. #ecf5f1
  2. #f5ecf4
  3. #f5ecec

مماثل

  1. #ecf5ec
  2. #ecf5f1
  3. #ecf4f5

سہ رنگی

  1. #ecf5f1
  2. #f1ecf5
  3. #f5f1ec

چہار رنگی

  1. #ecf5f1
  2. #ecf0f5
  3. #f5ecf0
  4. #f5f1ec

مربع

  1. #ecf5f1
  2. #ececf5
  3. #f5ecf0
  4. #f4f5ec

یک رنگی

  1. #88c0a7
  2. #badbcc
  3. #ecf5f1
  4. #f2f8f5
  5. #f2f8f5

شیڈز

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

  1. #ecf5f1
  2. #d4ddd9
  3. #bdc4c1
  4. #a5aca9
  5. #8e9391
  6. #767b79
  7. #5e6260
  8. #474a48
  9. #2f3130
  10. #181918
  11. #000000

ٹنٹس

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

  1. #ecf5f1
  2. #eef6f2
  3. #f0f7f4
  4. #f2f8f5
  5. #f4f9f7
  6. #f6faf8
  7. #f7fbf9
  8. #f9fcfb
  9. #fbfdfc
  10. #fdfefe
  11. #ffffff

ٹونز

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

  1. #ecf5f1
  2. #e1e9e6
  3. #d6deda
  4. #ccd2cf
  5. #c1c6c4
  6. #b6bbb9
  7. #abafad
  8. #a0a3a2
  9. #969797
  10. #8b8c8b
  11. #808080

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

اکرومیٹوپسیا #f3f3f3 تقریباً 0.003% مرد
اکرومیٹومیلی #f0f4f2 تقریباً 0.001% مرد
پروٹانوپیا #f4f4f1 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f3f2f1 تقریباً 1.27% مرد
ٹرائٹانوپیا #eaf5f4 تقریباً 0.0001% مرد
پروٹانومیلی #f1f4f1 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #f0f3f1 تقریباً 4.63% مرد
ٹرائٹانومیلی #ebf5f3 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-ecf5f1 {
  color: #ecf5f1;
}
پس منظر
.bg-ecf5f1 {
  background-color: #ecf5f1;
  color: #000000;
}
بارڈر
.border-ecf5f1 {
  border: 2px solid #ecf5f1;
}
CSS ویری ایبلز
:root {
  --color-primary: #ecf5f1;
  --color-primary-rgb: 236 245 241;
  --color-primary-hsl: 153 31% 94%;
}
گریڈیئنٹ
.gradient-ecf5f1 {
  background: linear-gradient(135deg, #ecf5f1, #ecf4f5);
}
رنگین سایہ
.shadow-ecf5f1 {
  box-shadow: 0 8px 24px rgb(236 245 241 / 0.35);
}

#f5fffa Mint Cream ΔE 2.07 #f0ffff Azure ΔE 3.28 #f5f5f5 White Smoke ΔE 4.99 #ffffff White ΔE 5.55 #f0fff0 Honeydew ΔE 5.62 #f0f8ff Alice Blue ΔE 5.76 #e5e4e2 Platinum ΔE 5.83 #130a0e الٹا رنگ #f3f3f3 گرے اسکیل 

Mint Cream
#ecf5f1  rgb(236, 245, 241)  hsl(153, 31%, 94%)  Mint Cream
#f5ecf0  rgb(245, 236, 240)  hsl(333, 31%, 94%)  Lavender Blush
#f1ecf5  rgb(241, 236, 245)  hsl(273, 31%, 94%)  Magnolia
#f5f1ec  rgb(245, 241, 236)  hsl(33, 31%, 94%)  Isabelline