ColorTool
لاگ اِن
#4476A8

#4476a8 ≈ Tufts Blue

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

⁦#4476a8⁩ “آسمانی” خاندان کا رنگ ہے؛ اس کی روشنی درمیانی اور سیچوریشن درمیانی ہے۔ RGB ماڈل میں یہ 26.67% سرخ، 46.27% سبز اور 65.88% نیلے سے بنا ہے؛ CMYK چھپائی میں اس کے لیے 59.52% سیان، 29.76% میجنٹا، 0% پیلا اور 34.12% سیاہ درکار ہوتا ہے۔ HSL میں اس کا رنگتی زاویہ 210°، سیچوریشن 42.37% اور روشنی 46.27% ہے۔ یہ ایک ٹھنڈا رنگ ہے جو اکثر کشادگی، آزادی اور سکون سے منسلک کیا جاتا ہے۔ ڈیزائنر اسے عموماً ٹیکنالوجی مصنوعات، مالیات اور بینکاری اور برانڈ کے نمایاں رنگ کے لیے استعمال کرتے ہیں۔ اس رنگ پر سفید متن کا کنٹراسٹ تناسب 4.77:1 ہے (WCAG AA)۔ سب سے قریب نام والا رنگ Tufts Blue (⁦#417dc1⁩) ہے، ΔE 3.77۔

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

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

تکمیلی

  1. #4476a8
  2. #a87644

منقسم تکمیلی

  1. #4476a8
  2. #a84444
  3. #a8a844

مماثل

  1. #44a8a8
  2. #4476a8
  3. #4444a8

سہ رنگی

  1. #4476a8
  2. #a84476
  3. #76a844

چہار رنگی

  1. #4476a8
  2. #7644a8
  3. #a87644
  4. #76a844

مربع

  1. #4476a8
  2. #a844a8
  3. #a87644
  4. #44a844

یک رنگی

  1. #18293b
  2. #2e5072
  3. #4476a8
  4. #729cc6
  5. #a9c2dc

شیڈز

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

  1. #4476a8
  2. #3d6a97
  3. #365e86
  4. #305376
  5. #294765
  6. #223b54
  7. #1b2f43
  8. #142332
  9. #0e1822
  10. #070c11
  11. #000000

ٹنٹس

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

  1. #4476a8
  2. #5784b1
  3. #6991b9
  4. #7c9fc2
  5. #8fadcb
  6. #a2bbd4
  7. #b4c8dc
  8. #c7d6e5
  9. #dae4ee
  10. #ecf1f6
  11. #ffffff

ٹونز

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

  1. #4476a8
  2. #4a77a4
  3. #5078a0
  4. #56799c
  5. #5c7a98
  6. #627b94
  7. #687c90
  8. #6e7d8c
  9. #747e88
  10. #7a7f84
  11. #808080

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

اکرومیٹوپسیا #737373 تقریباً 0.003% مرد
اکرومیٹومیلی #63748b تقریباً 0.001% مرد
پروٹانوپیا #6178aa تقریباً 1.01% مرد
ڈیوٹیرانوپیا #546ea7 تقریباً 1.27% مرد
ٹرائٹانوپیا #008288 تقریباً 0.0001% مرد
پروٹانومیلی #5777a9 تقریباً 1.08% مرد
ڈیوٹیرانومیلی #4e71a7 تقریباً 4.63% مرد
ٹرائٹانومیلی #227d96 تقریباً 0.0002% مرد
اپنی تصویر پر سمیولیٹ کریں

اس رنگ میں متن

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

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

متن کا رنگ
.text-4476a8 {
  color: #4476a8;
}
پس منظر
.bg-4476a8 {
  background-color: #4476a8;
  color: #ffffff;
}
بارڈر
.border-4476a8 {
  border: 2px solid #4476a8;
}
CSS ویری ایبلز
:root {
  --color-primary: #4476a8;
  --color-primary-rgb: 68 118 168;
  --color-primary-hsl: 210 42% 46%;
}
گریڈیئنٹ
.gradient-4476a8 {
  background: linear-gradient(135deg, #4476a8, #4444a8);
}
رنگین سایہ
.shadow-4476a8 {
  box-shadow: 0 8px 24px rgb(68 118 168 / 0.35);
}

#417dc1 Tufts Blue ΔE 3.77 #0072bb French Blue ΔE 4.23 #0073cf True Blue ΔE 4.31 #436b95 Queen Blue ΔE 4.49 #4682b4 Steel Blue ΔE 4.69 #6082b6 Glaucous ΔE 6.40 #0067a5 Medium Persian Blue ΔE 6.74 #bb8957 الٹا رنگ #737373 گرے اسکیل 

Tufts Blue
#4476a8  rgb(68, 118, 168)  hsl(210, 42%, 46%)  Tufts Blue
#a87644  rgb(168, 118, 68)  hsl(30, 42%, 46%)  Copper
#a84476  rgb(168, 68, 118)  hsl(330, 42%, 46%)  Twilight Lavender
#76a844  rgb(118, 168, 68)  hsl(90, 42%, 46%)  Asparagus