ColorTool
لاگ اِن
#57A4BB

#57a4bb ≈ Moonstone Blue

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

⁦#57a4bb⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 34.12% سرخ، 64.31% سبز اور 73.33% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 53.48% سیان، 12.3% میجنٹا، 0% پیلا اور 26.67% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 193.8°، سیچوریشن 42.37% اور روشنی 53.73% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.43:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Moonstone Blue (⁦#73a9c2⁩) ہے، ΔE 4.66۔

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

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

تکمیلی

  1. #57a4bb
  2. #bb6e57

منقسم تکمیلی

  1. #57a4bb
  2. #bb5772
  3. #bba057

مماثل

  1. #57bba0
  2. #57a4bb
  3. #5772bb

سہ رنگی

  1. #57a4bb
  2. #bb57a4
  3. #a4bb57

چہار رنگی

  1. #57a4bb
  2. #6e57bb
  3. #bb6e57
  4. #a4bb57

مربع

  1. #57a4bb
  2. #a057bb
  3. #bb6e57
  4. #72bb57

یک رنگی

  1. #234a56
  2. #39798d
  3. #57a4bb
  4. #8dc2d1
  5. #c4dfe7

شیڈز

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

  1. #57a4bb
  2. #4e94a8
  3. #468396
  4. #3d7383
  5. #346270
  6. #2c525e
  7. #23424b
  8. #1a3138
  9. #112125
  10. #091013
  11. #000000

ٹنٹس

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

  1. #57a4bb
  2. #68adc2
  3. #79b6c9
  4. #89bfcf
  5. #9ac8d6
  6. #abd2dd
  7. #bcdbe4
  8. #cde4eb
  9. #ddedf1
  10. #eef6f8
  11. #ffffff

ٹونز

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

  1. #57a4bb
  2. #5ba0b5
  3. #5f9daf
  4. #6399a9
  5. #6796a3
  6. #6c929e
  7. #708e98
  8. #748b92
  9. #78878c
  10. #7c8486
  11. #808080

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

اکرومیٹوپسیا #9a9a9a تقریباً 0.003% مرد
اکرومیٹومیلی #849ea8 تقریباً 0.001% مرد
پروٹانوپیا #96a0bc تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8795bb تقریباً 1.27% مرد
ٹرائٹانوپیا #08acab تقریباً 0.0001% مرد
پروٹانومیلی #81a2bc تقریباً 1.08% مرد
ڈیوٹیرانومیلی #779bbb تقریباً 4.63% مرد
ٹرائٹانومیلی #38a9b2 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-57a4bb {
  color: #57a4bb;
}
پس منظر
.bg-57a4bb {
  background-color: #57a4bb;
  color: #000000;
}
بارڈر
.border-57a4bb {
  border: 2px solid #57a4bb;
}
CSS ویری ایبلز
:root {
  --color-primary: #57a4bb;
  --color-primary-rgb: 87 164 187;
  --color-primary-hsl: 194 42% 54%;
}
گریڈیئنٹ
.gradient-57a4bb {
  background: linear-gradient(135deg, #57a4bb, #5772bb);
}
رنگین سایہ
.shadow-57a4bb {
  box-shadow: 0 8px 24px rgb(87 164 187 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 4.66 #0095b6 Bondi Blue ΔE 6.76 #5f9ea0 Cadet Blue ΔE 8.19 #56a0d3 Carolina Blue ΔE 9.06 #71a6d2 Iceberg ΔE 9.55 #5d8aa8 Air Force Blue ΔE 10.25 #00bfff Deep Sky Blue ΔE 11.91 #a85b44 الٹا رنگ #9a9a9a گرے اسکیل 

Moonstone Blue
#57a4bb  rgb(87, 164, 187)  hsl(194, 42%, 54%)  Moonstone Blue
#bb6e57  rgb(187, 110, 87)  hsl(14, 42%, 54%)  Terra Cotta
#bb57a4  rgb(187, 87, 164)  hsl(314, 42%, 54%)  Mulberry
#a4bb57  rgb(164, 187, 87)  hsl(74, 42%, 54%)  Olivine