ColorTool
لاگ اِن
#CAFFF3

#cafff3 ≈ Celeste

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

⁦#cafff3⁩ “سبز نیلا” خاندان کا رنگ ہے؛ اس کی روشنی بہت زیادہ اور سیچوریشن مدھم ہے۔ RGB ماڈل میں یہ 79.22% سرخ، 100% سبز اور 95.29% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 20.78% سیان، 0% میجنٹا، 4.71% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 166.42°، سیچوریشن 100% اور روشنی 89.61% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر شفافیت، سکون اور تجدید سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور نرم پیسٹل پیلیٹ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 19.11:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Celeste (⁦#b2ffff⁩) ہے، ΔE 5.87۔

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

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

تکمیلی

  1. #cafff3
  2. #ffcad6

منقسم تکمیلی

  1. #cafff3
  2. #ffcaf0
  3. #ffd9ca

مماثل

  1. #caffd9
  2. #cafff3
  3. #caf0ff

سہ رنگی

  1. #cafff3
  2. #f3caff
  3. #fff3ca

چہار رنگی

  1. #cafff3
  2. #cad6ff
  3. #ffcad6
  4. #fff3ca

مربع

  1. #cafff3
  2. #d9caff
  3. #ffcad6
  4. #f0ffca

یک رنگی

  1. #31ffd0
  2. #7effe2
  3. #cafff3
  4. #ebfffa
  5. #ebfffa

شیڈز

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

  1. #cafff3
  2. #b6e6db
  3. #a2ccc2
  4. #8db3aa
  5. #799992
  6. #65807a
  7. #516661
  8. #3d4d49
  9. #283331
  10. #141a18
  11. #000000

ٹنٹس

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

  1. #cafff3
  2. #cffff4
  3. #d5fff5
  4. #dafff7
  5. #dffff8
  6. #e5fff9
  7. #eafffa
  8. #effffb
  9. #f4fffd
  10. #fafffe
  11. #ffffff

ٹونز

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

  1. #cafff3
  2. #c3f2e8
  3. #bbe6dc
  4. #b4d9d1
  5. #acccc5
  6. #a5c0ba
  7. #9eb3ae
  8. #96a6a3
  9. #8f9997
  10. #878d8c
  11. #808080

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

اکرومیٹوپسیا #f4f4f4 تقریباً 0.003% مرد
اکرومیٹومیلی #e4f9f4 تقریباً 0.001% مرد
پروٹانوپیا #faf8f3 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f0f1f4 تقریباً 1.27% مرد
ٹرائٹانوپیا #bcfffb تقریباً 0.0001% مرد
پروٹانومیلی #e9fbf3 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e2f7f4 تقریباً 4.63% مرد
ٹرائٹانومیلی #c2fff8 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#b2ffff Celeste ΔE 5.87 #afeeee Pale Turquoise ΔE 6.11 #e0ffff Light Cyan ΔE 7.53 #aaf0d1 Magic Mint ΔE 7.83 #b0e0e6 Powder Blue ΔE 9.72 #f0fff0 Honeydew ΔE 10.21 #9fe2bf Seafoam Green ΔE 10.57 #35000c الٹا رنگ #f4f4f4 گرے اسکیل 

Celeste
#cafff3  rgb(202, 255, 243)  hsl(166, 100%, 90%)  Celeste
#ffcad6  rgb(255, 202, 214)  hsl(346, 100%, 90%)  Bubble Gum
#f3caff  rgb(243, 202, 255)  hsl(286, 100%, 90%)  Mauve
#fff3ca  rgb(255, 243, 202)  hsl(46, 100%, 90%)  Blond