ColorTool
لاگ اِن
#55A4BD

#55a4bd ≈ Moonstone Blue

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

⁦#55a4bd⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 33.33% سرخ، 64.31% سبز اور 74.12% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 55.03% سیان، 13.23% میجنٹا، 0% پیلا اور 25.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 194.42°، سیچوریشن 44.07% اور روشنی 53.73% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 7.43:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Moonstone Blue (⁦#73a9c2⁩) ہے، ΔE 4.5۔

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

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

تکمیلی

  1. #55a4bd
  2. #bd6e55

منقسم تکمیلی

  1. #55a4bd
  2. #bd5570
  3. #bda255

مماثل

  1. #55bda2
  2. #55a4bd
  3. #5570bd

سہ رنگی

  1. #55a4bd
  2. #bd55a4
  3. #a4bd55

چہار رنگی

  1. #55a4bd
  2. #6e55bd
  3. #bd6e55
  4. #a4bd55

مربع

  1. #55a4bd
  2. #a255bd
  3. #bd6e55
  4. #70bd55

یک رنگی

  1. #224a57
  2. #37798e
  3. #55a4bd
  4. #8cc2d2
  5. #c3dfe8

شیڈز

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

  1. #55a4bd
  2. #4d94aa
  3. #448397
  4. #3c7384
  5. #336271
  6. #2b525f
  7. #22424c
  8. #1a3139
  9. #112126
  10. #091013
  11. #000000

ٹنٹس

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

  1. #55a4bd
  2. #66adc4
  3. #77b6ca
  4. #88bfd1
  5. #99c8d7
  6. #aad2de
  7. #bbdbe5
  8. #cce4eb
  9. #ddedf2
  10. #eef6f8
  11. #ffffff

ٹونز

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

  1. #55a4bd
  2. #59a0b7
  3. #5e9db1
  4. #6299ab
  5. #6696a5
  6. #6b929f
  7. #6f8e98
  8. #738b92
  9. #77878c
  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% مرد
اکرومیٹومیلی #849ea9 تقریباً 0.001% مرد
پروٹانوپیا #95a0be تقریباً 1.01% مرد
ڈیوٹیرانوپیا #8695bd تقریباً 1.27% مرد
ٹرائٹانوپیا #00acac تقریباً 0.0001% مرد
پروٹانومیلی #80a2be تقریباً 1.08% مرد
ڈیوٹیرانومیلی #759bbd تقریباً 4.63% مرد
ٹرائٹانومیلی #33a9b3 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

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

#73a9c2 Moonstone Blue ΔE 4.50 #0095b6 Bondi Blue ΔE 6.53 #56a0d3 Carolina Blue ΔE 8.48 #5f9ea0 Cadet Blue ΔE 8.80 #71a6d2 Iceberg ΔE 9.09 #5d8aa8 Air Force Blue ΔE 10.02 #00bfff Deep Sky Blue ΔE 11.42 #aa5b42 الٹا رنگ #9a9a9a گرے اسکیل 

Moonstone Blue
#55a4bd  rgb(85, 164, 189)  hsl(194, 44%, 54%)  Moonstone Blue
#bd6e55  rgb(189, 110, 85)  hsl(14, 44%, 54%)  Terra Cotta
#bd55a4  rgb(189, 85, 164)  hsl(314, 44%, 54%)  Mulberry
#a4bd55  rgb(164, 189, 85)  hsl(74, 44%, 54%)  Olivine