ColorTool
لاگ اِن
#48DAF4

#48daf4 ≈ Sky Blue

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

⁦#48daf4⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 28.24% سرخ، 85.49% سبز اور 95.69% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 70.49% سیان، 10.66% میجنٹا، 0% پیلا اور 4.31% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 189.07°، سیچوریشن 88.66% اور روشنی 61.96% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 12.61:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Sky Blue (⁦#87ceeb⁩) ہے، ΔE 7.67۔

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

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

تکمیلی

  1. #48daf4
  2. #f46248

منقسم تکمیلی

  1. #48daf4
  2. #f44884
  3. #f4b848

مماثل

  1. #48f4b8
  2. #48daf4
  3. #4884f4

سہ رنگی

  1. #48daf4
  2. #f448da
  3. #daf448

چہار رنگی

  1. #48daf4
  2. #6248f4
  3. #f46248
  4. #daf448

مربع

  1. #48daf4
  2. #b848f4
  3. #f46248
  4. #84f448

یک رنگی

  1. #09849a
  2. #0ec2e2
  3. #48daf4
  4. #90e9f8
  5. #d8f7fd

شیڈز

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

  1. #48daf4
  2. #41c4dc
  3. #3aaec3
  4. #3299ab
  5. #2b8392
  6. #246d7a
  7. #1d5762
  8. #164149
  9. #0e2c31
  10. #071618
  11. #000000

ٹنٹس

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

  1. #48daf4
  2. #5adef5
  3. #6de1f6
  4. #7fe5f7
  5. #91e9f8
  6. #a4edfa
  7. #b6f0fb
  8. #c8f4fc
  9. #daf8fd
  10. #edfbfe
  11. #ffffff

ٹونز

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

  1. #48daf4
  2. #4ed1e8
  3. #53c8dd
  4. #59bfd1
  5. #5eb6c6
  6. #64adba
  7. #6aa4ae
  8. #6f9ba3
  9. #759297
  10. #7a898c
  11. #808080

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

اکرومیٹوپسیا #c8c8c8 تقریباً 0.003% مرد
اکرومیٹومیلی #a5d0db تقریباً 0.001% مرد
پروٹانوپیا #c6d3f6 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #aec1f4 تقریباً 1.27% مرد
ٹرائٹانوپیا #00e5e2 تقریباً 0.0001% مرد
پروٹانومیلی #a2d6f5 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #90cbf4 تقریباً 4.63% مرد
ٹرائٹانومیلی #00e0e9 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-48daf4 {
  color: #48daf4;
}
پس منظر
.bg-48daf4 {
  background-color: #48daf4;
  color: #000000;
}
بارڈر
.border-48daf4 {
  border: 2px solid #48daf4;
}
CSS ویری ایبلز
:root {
  --color-primary: #48daf4;
  --color-primary-rgb: 72 218 244;
  --color-primary-hsl: 189 89% 62%;
}
گریڈیئنٹ
.gradient-48daf4 {
  background: linear-gradient(135deg, #48daf4, #4884f4);
}
رنگین سایہ
.shadow-48daf4 {
  box-shadow: 0 8px 24px rgb(72 218 244 / 0.35);
}

#87ceeb Sky Blue ΔE 7.67 #89cff0 Baby Blue ΔE 8.53 #a4dded Non-Photo Blue ΔE 8.82 #00ced1 Dark Turquoise ΔE 9.07 #7df9ff Electric Blue ΔE 9.35 #00cccc Robin Egg Blue ΔE 10.20 #48d1cc Medium Turquoise ΔE 10.77 #b7250b الٹا رنگ #c8c8c8 گرے اسکیل 

Sky Blue
#48daf4  rgb(72, 218, 244)  hsl(189, 89%, 62%)  Sky Blue
#f46248  rgb(244, 98, 72)  hsl(9, 89%, 62%)  Tomato
#f448da  rgb(244, 72, 218)  hsl(309, 89%, 62%)  Shocking Pink
#daf448  rgb(218, 244, 72)  hsl(69, 89%, 62%)  Chartreuse Yellow