ColorTool
لاگ اِن
#228BB1

#228bb1 ≈ Bondi Blue

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

⁦#228bb1⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن گہری ہے۔ RGB ماڈل میں یہ 13.33% سرخ، 54.51% سبز اور 69.41% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 80.79% سیان، 21.47% میجنٹا، 0% پیلا اور 30.59% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 195.94°، سیچوریشن 67.77% اور روشنی 41.37% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 5.4:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Bondi Blue (⁦#0095b6⁩) ہے، ΔE 4.33۔

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

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

تکمیلی

  1. #228bb1
  2. #b14822

منقسم تکمیلی

  1. #228bb1
  2. #b12244
  3. #b18f22

مماثل

  1. #22b18f
  2. #228bb1
  3. #2244b1

سہ رنگی

  1. #228bb1
  2. #b1228b
  3. #8bb122

چہار رنگی

  1. #228bb1
  2. #4822b1
  3. #b14822
  4. #8bb122

مربع

  1. #228bb1
  2. #8f22b1
  3. #b14822
  4. #44b122

یک رنگی

  1. #092631
  2. #165971
  3. #228bb1
  4. #44b3db
  5. #85cde7

شیڈز

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

  1. #228bb1
  2. #1f7d9f
  3. #1b6f8e
  4. #18617c
  5. #14536a
  6. #114659
  7. #0e3847
  8. #0a2a35
  9. #071c23
  10. #030e12
  11. #000000

ٹنٹس

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

  1. #228bb1
  2. #3897b9
  3. #4ea2c1
  4. #64aec8
  5. #7ab9d0
  6. #91c5d8
  7. #a7d1e0
  8. #bddce8
  9. #d3e8ef
  10. #e9f3f7
  11. #ffffff

ٹونز

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

  1. #228bb1
  2. #2b8aac
  3. #3589a7
  4. #3e88a2
  5. #48879d
  6. #518699
  7. #5a8494
  8. #64838f
  9. #6d828a
  10. #778185
  11. #808080

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

اکرومیٹوپسیا #818181 تقریباً 0.003% مرد
اکرومیٹومیلی #688597 تقریباً 0.001% مرد
پروٹانوپیا #7789b3 تقریباً 1.01% مرد
ڈیوٹیرانوپیا #647bb0 تقریباً 1.27% مرد
ٹرائٹانوپیا #009698 تقریباً 0.0001% مرد
پروٹانومیلی #608ab2 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #5182b1 تقریباً 4.63% مرد
ٹرائٹانومیلی #0092a2 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-228bb1 {
  color: #228bb1;
}
پس منظر
.bg-228bb1 {
  background-color: #228bb1;
  color: #000000;
}
بارڈر
.border-228bb1 {
  border: 2px solid #228bb1;
}
CSS ویری ایبلز
:root {
  --color-primary: #228bb1;
  --color-primary-rgb: 34 139 177;
  --color-primary-hsl: 196 68% 41%;
}
گریڈیئنٹ
.gradient-228bb1 {
  background: linear-gradient(135deg, #228bb1, #2244b1);
}
رنگین سایہ
.shadow-228bb1 {
  box-shadow: 0 8px 24px rgb(34 139 177 / 0.35);
}

#0095b6 Bondi Blue ΔE 4.33 #007ba7 Cerulean ΔE 6.29 #5d8aa8 Air Force Blue ΔE 6.32 #4682b4 Steel Blue ΔE 7.76 #56a0d3 Carolina Blue ΔE 9.71 #367588 Teal Blue ΔE 9.75 #417dc1 Tufts Blue ΔE 11.26 #dd744e الٹا رنگ #818181 گرے اسکیل 

Bondi Blue
#228bb1  rgb(34, 139, 177)  hsl(196, 68%, 41%)  Bondi Blue
#b14822  rgb(177, 72, 34)  hsl(16, 68%, 41%)  Rust
#b1228b  rgb(177, 34, 139)  hsl(316, 68%, 41%)  Medium Violet Red
#8bb122  rgb(139, 177, 34)  hsl(76, 68%, 41%)  Apple Green