ColorTool
لاگ اِن
#22D2FF

#22d2ff ≈ Sky Blue

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

⁦#22d2ff⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 82.35% سبز اور 100% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 86.67% سیان، 17.65% میجنٹا، 0% پیلا اور 0% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 192.22°، سیچوریشن 100% اور روشنی 56.67% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 11.73:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Sky Blue (⁦#87ceeb⁩) ہے، ΔE 6.77۔

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

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

تکمیلی

  1. #22d2ff
  2. #ff4f22

منقسم تکمیلی

  1. #22d2ff
  2. #ff2264
  3. #ffbe22

مماثل

  1. #22ffbe
  2. #22d2ff
  3. #2264ff

سہ رنگی

  1. #22d2ff
  2. #ff22d2
  3. #d2ff22

چہار رنگی

  1. #22d2ff
  2. #4f22ff
  3. #ff4f22
  4. #d2ff22

مربع

  1. #22d2ff
  2. #be22ff
  3. #ff4f22
  4. #64ff22

یک رنگی

  1. #006c88
  2. #00a9d5
  3. #22d2ff
  4. #6fe2ff
  5. #bbf1ff

شیڈز

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

  1. #22d2ff
  2. #1fbde6
  3. #1ba8cc
  4. #1893b3
  5. #147e99
  6. #116980
  7. #0e5466
  8. #0a3f4d
  9. #072a33
  10. #03151a
  11. #000000

ٹنٹس

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

  1. #22d2ff
  2. #38d7ff
  3. #4edbff
  4. #64e0ff
  5. #7ae4ff
  6. #91e9ff
  7. #a7edff
  8. #bdf2ff
  9. #d3f6ff
  10. #e9fbff
  11. #ffffff

ٹونز

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

  1. #22d2ff
  2. #2bcaf2
  3. #35c2e6
  4. #3eb9d9
  5. #48b1cc
  6. #51a9c0
  7. #5aa1b3
  8. #6499a6
  9. #6d9099
  10. #77888d
  11. #808080

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

اکرومیٹوپسیا #c2c2c2 تقریباً 0.003% مرد
اکرومیٹومیلی #9bc8dd تقریباً 0.001% مرد
پروٹانوپیا #b7cdff تقریباً 1.01% مرد
ڈیوٹیرانوپیا #9cb9ff تقریباً 1.27% مرد
ٹرائٹانوپیا #00e0e1 تقریباً 0.0001% مرد
پروٹانومیلی #93cfff تقریباً 1.08% مرد
ڈیوٹیرانومیلی #7dc4ff تقریباً 4.63% مرد
ٹرائٹانومیلی #00dbed تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#87ceeb Sky Blue ΔE 6.77 #89cff0 Baby Blue ΔE 6.97 #00bfff Deep Sky Blue ΔE 7.13 #87cefa Light Sky Blue ΔE 8.07 #73c2fb Maya Blue ΔE 9.81 #a4dded Non-Photo Blue ΔE 10.74 #add8e6 Light Blue ΔE 12.33 #dd2d00 الٹا رنگ #c2c2c2 گرے اسکیل 

Sky Blue
#22d2ff  rgb(34, 210, 255)  hsl(192, 100%, 57%)  Sky Blue
#ff4f22  rgb(255, 79, 34)  hsl(12, 100%, 57%)  Orange Red
#ff22d2  rgb(255, 34, 210)  hsl(312, 100%, 57%)  Shocking Pink
#d2ff22  rgb(210, 255, 34)  hsl(72, 100%, 57%)  Electric Lime