ColorTool
لاگ اِن
#2196B4

#2196b4 ≈ Bondi Blue

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

⁦#2196b4⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 12.94% سرخ، 58.82% سبز اور 70.59% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 81.67% سیان، 16.67% میجنٹا، 0% پیلا اور 29.41% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 192.24°، سیچوریشن 69.01% اور روشنی 41.76% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 6.09:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Bondi Blue (⁦#0095b6⁩) ہے، ΔE 1.01۔

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

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

تکمیلی

  1. #2196b4
  2. #b43f21

منقسم تکمیلی

  1. #2196b4
  2. #b4214d
  3. #b48821

مماثل

  1. #21b488
  2. #2196b4
  3. #214db4

سہ رنگی

  1. #2196b4
  2. #b42196
  3. #96b421

چہار رنگی

  1. #2196b4
  2. #3f21b4
  3. #b43f21
  4. #96b421

مربع

  1. #2196b4
  2. #8821b4
  3. #b43f21
  4. #4db421

یک رنگی

  1. #092a33
  2. #156073
  3. #2196b4
  4. #45bedd
  5. #85d4e9

شیڈز

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

  1. #2196b4
  2. #1e87a2
  3. #1a7890
  4. #17697e
  5. #145a6c
  6. #114b5a
  7. #0d3c48
  8. #0a2d36
  9. #071e24
  10. #030f12
  11. #000000

ٹنٹس

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

  1. #2196b4
  2. #37a1bc
  3. #4dabc3
  4. #64b6cb
  5. #7ac0d2
  6. #90cbda
  7. #a6d5e1
  8. #bce0e9
  9. #d3eaf0
  10. #e9f5f8
  11. #ffffff

ٹونز

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

  1. #2196b4
  2. #2b94af
  3. #3492aa
  4. #3e8fa4
  5. #478d9f
  6. #518b9a
  7. #5a8995
  8. #648790
  9. #6d848a
  10. #778285
  11. #808080

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

اکرومیٹوپسیا #8a8a8a تقریباً 0.003% مرد
اکرومیٹومیلی #6f8f9d تقریباً 0.001% مرد
پروٹانوپیا #8492b6 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #7184b4 تقریباً 1.27% مرد
ٹرائٹانوپیا #00a0a0 تقریباً 0.0001% مرد
پروٹانومیلی #6a94b5 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #5b8cb4 تقریباً 4.63% مرد
ٹرائٹانومیلی #009ca8 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-2196b4 {
  color: #2196b4;
}
پس منظر
.bg-2196b4 {
  background-color: #2196b4;
  color: #000000;
}
بارڈر
.border-2196b4 {
  border: 2px solid #2196b4;
}
CSS ویری ایبلز
:root {
  --color-primary: #2196b4;
  --color-primary-rgb: 33 150 180;
  --color-primary-hsl: 192 69% 42%;
}
گریڈیئنٹ
.gradient-2196b4 {
  background: linear-gradient(135deg, #2196b4, #214db4);
}
رنگین سایہ
.shadow-2196b4 {
  box-shadow: 0 8px 24px rgb(33 150 180 / 0.35);
}

#0095b6 Bondi Blue ΔE 1.01 #5d8aa8 Air Force Blue ΔE 8.61 #73a9c2 Moonstone Blue ΔE 9.54 #56a0d3 Carolina Blue ΔE 10.00 #5f9ea0 Cadet Blue ΔE 10.44 #007ba7 Cerulean ΔE 10.93 #4682b4 Steel Blue ΔE 11.93 #de694b الٹا رنگ #8a8a8a گرے اسکیل 

Bondi Blue
#2196b4  rgb(33, 150, 180)  hsl(192, 69%, 42%)  Bondi Blue
#b43f21  rgb(180, 63, 33)  hsl(12, 69%, 42%)  Rust
#b42196  rgb(180, 33, 150)  hsl(312, 69%, 42%)  Medium Violet Red
#96b421  rgb(150, 180, 33)  hsl(72, 69%, 42%)  Apple Green