ColorTool
لاگ اِن
#CAFFF0

#cafff0 ≈ Celeste

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

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

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

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

تکمیلی

  1. #cafff0
  2. #ffcad9

منقسم تکمیلی

  1. #cafff0
  2. #ffcaf4
  3. #ffd6ca

مماثل

  1. #caffd6
  2. #cafff0
  3. #caf4ff

سہ رنگی

  1. #cafff0
  2. #f0caff
  3. #fff0ca

چہار رنگی

  1. #cafff0
  2. #cad9ff
  3. #ffcad9
  4. #fff0ca

مربع

  1. #cafff0
  2. #d6caff
  3. #ffcad9
  4. #f4ffca

یک رنگی

  1. #31ffc5
  2. #7effda
  3. #cafff0
  4. #ebfff9
  5. #ebfff9

شیڈز

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

  1. #cafff0
  2. #b6e6d8
  3. #a2ccc0
  4. #8db3a8
  5. #799990
  6. #658078
  7. #516660
  8. #3d4d48
  9. #283330
  10. #141a18
  11. #000000

ٹنٹس

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

  1. #cafff0
  2. #cffff2
  3. #d5fff3
  4. #dafff5
  5. #dffff6
  6. #e5fff8
  7. #eafff9
  8. #effffb
  9. #f4fffc
  10. #fafffe
  11. #ffffff

ٹونز

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

  1. #cafff0
  2. #c3f2e5
  3. #bbe6da
  4. #b4d9ce
  5. #acccc3
  6. #a5c0b8
  7. #9eb3ad
  8. #96a6a2
  9. #8f9996
  10. #878d8b
  11. #808080

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

اکرومیٹوپسیا #f4f4f4 تقریباً 0.003% مرد
اکرومیٹومیلی #e4f8f2 تقریباً 0.001% مرد
پروٹانوپیا #fbf8ef تقریباً 1.01% مرد
ڈیوٹیرانوپیا #f1f1f1 تقریباً 1.27% مرد
ٹرائٹانوپیا #bdfffa تقریباً 0.0001% مرد
پروٹانومیلی #e9fbf0 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #e2f7f1 تقریباً 4.63% مرد
ٹرائٹانومیلی #c2fff6 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#b2ffff Celeste ΔE 6.79 #aaf0d1 Magic Mint ΔE 6.96 #afeeee Pale Turquoise ΔE 6.97 #e0ffff Light Cyan ΔE 8.28 #9fe2bf Seafoam Green ΔE 9.78 #f0fff0 Honeydew ΔE 10.14 #b0e0e6 Powder Blue ΔE 10.55 #35000f الٹا رنگ #f4f4f4 گرے اسکیل 

Celeste
#cafff0  rgb(202, 255, 240)  hsl(163, 100%, 90%)  Celeste
#ffcad9  rgb(255, 202, 217)  hsl(343, 100%, 90%)  Bubble Gum
#f0caff  rgb(240, 202, 255)  hsl(283, 100%, 90%)  Mauve
#fff0ca  rgb(255, 240, 202)  hsl(43, 100%, 90%)  Blanched Almond