ColorTool
لاگ اِن
#77B4BD

#77b4bd ≈ Moonstone Blue

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

⁦#77b4bd⁩ “سیان” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 46.67% سرخ، 70.59% سبز اور 74.12% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 37.04% سیان، 4.76% میجنٹا، 0% پیلا اور 25.88% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 187.71°، سیچوریشن 34.65% اور روشنی 60.39% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر تازگی، ٹیکنالوجی اور وضاحت سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً صحت اور تندرستی، ٹیکنالوجی مصنوعات اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سیاہ متن کا کنٹراسٹ تناسب 9.05:1 ہے (WCAG AAA)۔ سب سے قریب نام والا رنگ Moonstone Blue (⁦#73a9c2⁩) ہے، ΔE 7.57۔

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

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

تکمیلی

  1. #77b4bd
  2. #bd8077

منقسم تکمیلی

  1. #77b4bd
  2. #bd7791
  3. #bda377

مماثل

  1. #77bda3
  2. #77b4bd
  3. #7791bd

سہ رنگی

  1. #77b4bd
  2. #bd77b4
  3. #b4bd77

چہار رنگی

  1. #77b4bd
  2. #8077bd
  3. #bd8077
  4. #b4bd77

مربع

  1. #77b4bd
  2. #a377bd
  3. #bd8077
  4. #91bd77

یک رنگی

  1. #336168
  2. #4c929c
  3. #77b4bd
  4. #aad0d6
  5. #deedef

شیڈز

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

  1. #77b4bd
  2. #6ba2aa
  3. #5f9097
  4. #537e84
  5. #476c71
  6. #3c5a5f
  7. #30484c
  8. #243639
  9. #182426
  10. #0c1213
  11. #000000

ٹنٹس

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

  1. #77b4bd
  2. #85bcc4
  3. #92c3ca
  4. #a0cbd1
  5. #add2d7
  6. #bbdade
  7. #c9e1e5
  8. #d6e9eb
  9. #e4f0f2
  10. #f1f8f8
  11. #ffffff

ٹونز

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

  1. #77b4bd
  2. #78afb7
  3. #79aab1
  4. #7aa4ab
  5. #7b9fa5
  6. #7c9a9f
  7. #7c9598
  8. #7d9092
  9. #7e8a8c
  10. #7f8586
  11. #808080

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

اکرومیٹوپسیا #aaaaaa تقریباً 0.003% مرد
اکرومیٹومیلی #98aeb2 تقریباً 0.001% مرد
پروٹانوپیا #aaafbe تقریباً 1.01% مرد
ڈیوٹیرانوپیا #9fa6bd تقریباً 1.27% مرد
ٹرائٹانوپیا #5bb9b7 تقریباً 0.0001% مرد
پروٹانومیلی #99b1bd تقریباً 1.08% مرد
ڈیوٹیرانومیلی #90acbd تقریباً 4.63% مرد
ٹرائٹانومیلی #68b7b9 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-77b4bd {
  color: #77b4bd;
}
پس منظر
.bg-77b4bd {
  background-color: #77b4bd;
  color: #000000;
}
بارڈر
.border-77b4bd {
  border: 2px solid #77b4bd;
}
CSS ویری ایبلز
:root {
  --color-primary: #77b4bd;
  --color-primary-rgb: 119 180 189;
  --color-primary-hsl: 188 35% 60%;
}
گریڈیئنٹ
.gradient-77b4bd {
  background: linear-gradient(135deg, #77b4bd, #7791bd);
}
رنگین سایہ
.shadow-77b4bd {
  box-shadow: 0 8px 24px rgb(119 180 189 / 0.35);
}

#73a9c2 Moonstone Blue ΔE 7.57 #5f9ea0 Cadet Blue ΔE 7.62 #43b3ae Verdigris ΔE 9.16 #87ceeb Sky Blue ΔE 9.78 #a8c3bc Opal ΔE 10.57 #0abab5 Tiffany Blue ΔE 10.89 #89cff0 Baby Blue ΔE 10.97 #884b42 الٹا رنگ #aaaaaa گرے اسکیل 

Moonstone Blue
#77b4bd  rgb(119, 180, 189)  hsl(188, 35%, 60%)  Moonstone Blue
#bd8077  rgb(189, 128, 119)  hsl(8, 35%, 60%)  Old Rose
#bd77b4  rgb(189, 119, 180)  hsl(308, 35%, 60%)  Sky Magenta
#b4bd77  rgb(180, 189, 119)  hsl(68, 35%, 60%)  Dark Khaki