ColorTool
لاگ اِن
#22B3CC

#22b3cc ≈ Moonstone Blue

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

⁦#22b3cc⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 70.2% سبز اور 80% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 83.33% سیان، 12.25% میجنٹا، 0% پیلا اور 20% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 188.82°، سیچوریشن 71.43% اور روشنی 46.67% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 8.39:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Moonstone Blue (⁦#73a9c2⁩) ہے، ΔE 8.69۔

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

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

تکمیلی

  1. #22b3cc
  2. #cc3b22

منقسم تکمیلی

  1. #22b3cc
  2. #cc225e
  3. #cc9022

مماثل

  1. #22cc90
  2. #22b3cc
  3. #225ecc

سہ رنگی

  1. #22b3cc
  2. #cc22b3
  3. #b3cc22

چہار رنگی

  1. #22b3cc
  2. #3b22cc
  3. #cc3b22
  4. #b3cc22

مربع

  1. #22b3cc
  2. #9022cc
  3. #cc3b22
  4. #5ecc22

یک رنگی

  1. #0c4049
  2. #17798a
  3. #22b3cc
  4. #57cfe3
  5. #99e2ee

شیڈز

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

  1. #22b3cc
  2. #1fa1b8
  3. #1b8fa3
  4. #187d8f
  5. #146b7a
  6. #115a66
  7. #0e4852
  8. #0a363d
  9. #072429
  10. #031214
  11. #000000

ٹنٹس

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

  1. #22b3cc
  2. #38bbd1
  3. #4ec2d6
  4. #64cadb
  5. #7ad1e0
  6. #91d9e6
  7. #a7e1eb
  8. #bde8f0
  9. #d3f0f5
  10. #e9f7fa
  11. #ffffff

ٹونز

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

  1. #22b3cc
  2. #2baec4
  3. #35a9bd
  4. #3ea4b5
  5. #489fae
  6. #519aa6
  7. #5a949e
  8. #648f97
  9. #6d8a8f
  10. #778588
  11. #808080

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

اکرومیٹوپسیا #a4a4a4 تقریباً 0.003% مرد
اکرومیٹومیلی #83aab5 تقریباً 0.001% مرد
پروٹانوپیا #a0adcd تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8b9dcc تقریباً 1.27% مرد
ٹرائٹانوپیا #00bdbb تقریباً 0.0001% مرد
پروٹانومیلی #81afcd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #6fa6cc تقریباً 4.63% مرد
ٹرائٹانومیلی #00b9c2 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-22b3cc {
  color: #22b3cc;
}
پس منظر
.bg-22b3cc {
  background-color: #22b3cc;
  color: #000000;
}
بارڈر
.border-22b3cc {
  border: 2px solid #22b3cc;
}
CSS ویری ایبلز
:root {
  --color-primary: #22b3cc;
  --color-primary-rgb: 34 179 204;
  --color-primary-hsl: 189 71% 47%;
}
گریڈیئنٹ
.gradient-22b3cc {
  background: linear-gradient(135deg, #22b3cc, #225ecc);
}
رنگین سایہ
.shadow-22b3cc {
  box-shadow: 0 8px 24px rgb(34 179 204 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 8.69 #0095b6 Bondi Blue ΔE 9.65 #5f9ea0 Cadet Blue ΔE 10.16 #43b3ae Verdigris ΔE 10.59 #00ced1 Dark Turquoise ΔE 10.75 #87ceeb Sky Blue ΔE 11.03 #00bfff Deep Sky Blue ΔE 11.04 #dd4c33 الٹا رنگ #a4a4a4 گرے اسکیل 

Moonstone Blue
#22b3cc  rgb(34, 179, 204)  hsl(189, 71%, 47%)  Moonstone Blue
#cc3b22  rgb(204, 59, 34)  hsl(9, 71%, 47%)  Rosso Corsa
#cc22b3  rgb(204, 34, 179)  hsl(309, 71%, 47%)  Medium Violet Red
#b3cc22  rgb(179, 204, 34)  hsl(69, 71%, 47%)  June Bud