ColorTool
لاگ اِن
#54E4FF

#54e4ff ≈ Electric Blue

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

⁦#54e4ff⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی زیادہ اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 32.94% سرخ، 89.41% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 67.06% سیان، 10.59% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 189.47°، سیچوریشن 100% اور روشنی 66.47% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 13.92:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Electric Blue (⁦#7df9ff⁩) ہے، ΔE 7.96۔

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

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

تکمیلی

  1. #54e4ff
  2. #ff6f54

منقسم تکمیلی

  1. #54e4ff
  2. #ff548f
  3. #ffc454

مماثل

  1. #54ffc4
  2. #54e4ff
  3. #548fff

سہ رنگی

  1. #54e4ff
  2. #ff54e4
  3. #e4ff54

چہار رنگی

  1. #54e4ff
  2. #6f54ff
  3. #ff6f54
  4. #e4ff54

مربع

  1. #54e4ff
  2. #c454ff
  3. #ff6f54
  4. #8fff54

یک رنگی

  1. #009dba
  2. #07d8ff
  3. #54e4ff
  4. #a0f0ff
  5. #ebfcff

شیڈز

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

  1. #54e4ff
  2. #4ccde6
  3. #43b6cc
  4. #3ba0b3
  5. #328999
  6. #2a7280
  7. #225b66
  8. #19444d
  9. #112e33
  10. #08171a
  11. #000000

ٹنٹس

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

  1. #54e4ff
  2. #65e7ff
  3. #76e9ff
  4. #87ecff
  5. #98efff
  6. #aaf2ff
  7. #bbf4ff
  8. #ccf7ff
  9. #ddfaff
  10. #eefcff
  11. #ffffff

ٹونز

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

  1. #54e4ff
  2. #58daf2
  3. #5dd0e6
  4. #61c6d9
  5. #66bccc
  6. #6ab2c0
  7. #6ea8b3
  8. #739ea6
  9. #779499
  10. #7c8a8d
  11. #808080

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

اکرومیٹوپسیا #d2d2d2 تقریباً 0.003% مرد
اکرومیٹومیلی #aedae6 تقریباً 0.001% مرد
پروٹانوپیا #cfddff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #b7cbff تقریباً 1.27% مرد
ٹرائٹانوپیا #00efec تقریباً 0.0001% مرد
پروٹانومیلی #ace0ff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #99d5ff تقریباً 4.63% مرد
ٹرائٹانومیلی #00ebf4 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#7df9ff Electric Blue ΔE 7.96 #87ceeb Sky Blue ΔE 8.28 #a4dded Non-Photo Blue ΔE 8.44 #89cff0 Baby Blue ΔE 8.96 #00ced1 Dark Turquoise ΔE 10.46 #b0e0e6 Powder Blue ΔE 10.62 #add8e6 Light Blue ΔE 10.87 #ab1b00 الٹا رنگ #d2d2d2 گرے اسکیل 

Electric Blue
#54e4ff  rgb(84, 228, 255)  hsl(189, 100%, 66%)  Electric Blue
#ff6f54  rgb(255, 111, 84)  hsl(9, 100%, 66%)  Tomato
#ff54e4  rgb(255, 84, 228)  hsl(309, 100%, 66%)  Rose Pink
#e4ff54  rgb(228, 255, 84)  hsl(69, 100%, 66%)  Chartreuse Yellow