ColorTool
لاگ اِن
#22A6F2

#22a6f2 ≈ Carolina Blue

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

⁦#22a6f2⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن بہت شوخ ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 65.1% سبز اور 94.9% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 85.95% سیان، 31.4% میجنٹا، 0% پیلا اور 5.1% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 201.92°، سیچوریشن 88.89% اور روشنی 54.12% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور کال ٹو ایکشن بٹن کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.8:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Carolina Blue (⁦#56a0d3⁩) ہے، ΔE 4.27۔

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

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

تکمیلی

  1. #22a6f2
  2. #f26e22

منقسم تکمیلی

  1. #22a6f2
  2. #f2223e
  3. #f2d622

مماثل

  1. #22f2d6
  2. #22a6f2
  3. #223ef2

سہ رنگی

  1. #22a6f2
  2. #f222a6
  3. #a6f222

چہار رنگی

  1. #22a6f2
  2. #6e22f2
  3. #f26e22
  4. #a6f222

مربع

  1. #22a6f2
  2. #d622f2
  3. #f26e22
  4. #3ef222

یک رنگی

  1. #074c74
  2. #0b7cbc
  3. #22a6f2
  4. #6ac3f6
  5. #b3e0fb

شیڈز

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

  1. #22a6f2
  2. #1f95da
  3. #1b85c2
  4. #1874a9
  5. #146491
  6. #115379
  7. #0e4261
  8. #0a3249
  9. #072130
  10. #031118
  11. #000000

ٹنٹس

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

  1. #22a6f2
  2. #38aff3
  3. #4eb8f5
  4. #64c1f6
  5. #7acaf7
  6. #91d3f9
  7. #a7dbfa
  8. #bde4fb
  9. #d3edfc
  10. #e9f6fe
  11. #ffffff

ٹونز

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

  1. #22a6f2
  2. #2ba2e7
  3. #359edb
  4. #3e9bd0
  5. #4897c4
  6. #5193b9
  7. #5a8fae
  8. #648ba2
  9. #6d8897
  10. #77848b
  11. #808080

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

اکرومیٹوپسیا #9e9e9e تقریباً 0.003% مرد
اکرومیٹومیلی #7fa1c5 تقریباً 0.001% مرد
پروٹانوپیا #82a8f5 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #6696f1 تقریباً 1.27% مرد
ٹرائٹانوپیا #00b9c1 تقریباً 0.0001% مرد
پروٹانومیلی #68a7f4 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #529cf1 تقریباً 4.63% مرد
ٹرائٹانومیلی #00b2d6 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#56a0d3 Carolina Blue ΔE 4.27 #71a6d2 Iceberg ΔE 6.60 #00bfff Deep Sky Blue ΔE 8.22 #1e90ff Dodger Blue ΔE 8.69 #73c2fb Maya Blue ΔE 8.73 #318ce7 Bleu de France ΔE 9.31 #5b92e5 United Nations Blue ΔE 10.11 #dd590d الٹا رنگ #9e9e9e گرے اسکیل 

Carolina Blue
#22a6f2  rgb(34, 166, 242)  hsl(202, 89%, 54%)  Carolina Blue
#f26e22  rgb(242, 110, 34)  hsl(22, 89%, 54%)  Pumpkin
#f222a6  rgb(242, 34, 166)  hsl(322, 89%, 54%)  Persian Rose
#a6f222  rgb(166, 242, 34)  hsl(82, 89%, 54%)  Spring Bud