#4580BB

#4580bb ≈ Tufts Blue

  • আকাশি
  • উজ্জ্বলতা: মাঝারি
  • স্যাচুরেশন: মাঝারি
  • শীতল

#4580bb “আকাশি” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 27.06% লাল, 50.2% সবুজ ও 73.33% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 63.1% সায়ান, 31.55% ম্যাজেন্টা, 0% হলুদ ও 26.67% কালো লাগে। HSL-এ এর হিউ কোণ 210°, স্যাচুরেশন 46.46% এবং উজ্জ্বলতা 50.2%। এটি একটি শীতল রং, যা প্রায়ই উদারতা, স্বাধীনতা ও শান্তি-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 5.06:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Tufts Blue (#417dc1), ΔE 1.42।

এই রঙের পরিমাপ করা বৈশিষ্ট্য থেকে বিবরণটি তৈরি।

অন্যান্য কালার স্পেসে #4580bb-এর মান
HEX
RGB
RGB শতাংশ
CMY
CMYK
HSL
HSV / HSB
ওয়েব-সেফ#3399cc
CIE-LAB
XYZ
xyY
CIE-LCH
CIE-LUV
Hunter-Lab
OKLab
বাইনারি
দশমিক
আপেক্ষিক লুমিন্যান্স0.2029

পরিপূরক

  1. #4580bb
  2. #bb8045

বিভক্ত পরিপূরক

  1. #4580bb
  2. #bb4545
  3. #bbbb45

সাদৃশ্যপূর্ণ

  1. #45bbbb
  2. #4580bb
  3. #4545bb

শেড

#4580bb ধাপে ধাপে কালোর সঙ্গে মেশানো।

  1. #4580bb
  2. #3e73a8
  3. #376696
  4. #305a83
  5. #294d70
  6. #23405e
  7. #1c334b
  8. #152638
  9. #0e1a25
  10. #070d13
  11. #000000

টিন্ট

#4580bb ধাপে ধাপে সাদার সঙ্গে মেশানো।

  1. #4580bb
  2. #588dc2
  3. #6a99c9
  4. #7da6cf
  5. #8fb3d6
  6. #a2c0dd
  7. #b5cce4
  8. #c7d9eb
  9. #dae6f1
  10. #ecf2f8
  11. #ffffff

টোন

#4580bb ধাপে ধাপে ধূসরের সঙ্গে মেশানো।

  1. #4580bb
  2. #4b80b5
  3. #5180af
  4. #5780a9
  5. #5d80a3
  6. #63809e
  7. #688098
  8. #6e8092
  9. #74808c
  10. #7a8086
  11. #808080

পড়ার উপযোগী লেখা 4.15:1 AA ✕ AA Large ✓ AAA ✕ AAA Large ✕
পড়ার উপযোগী লেখা 5.06:1 AA ✓ AA Large ✓ AAA ✕ AAA Large ✓

অ্যাক্রোমাটোপসিয়া #7c7c7c ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #6a7e99 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #6783be ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #5777ba ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #008e95 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #5b82bd ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #507bba ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #1088a6 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-4580bb {
  color: #4580bb;
}
পটভূমি
.bg-4580bb {
  background-color: #4580bb;
  color: #000000;
}
বর্ডার
.border-4580bb {
  border: 2px solid #4580bb;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #4580bb;
  --color-primary-rgb: 69 128 187;
  --color-primary-hsl: 210 46% 50%;
}
গ্রেডিয়েন্ট
.gradient-4580bb {
  background: linear-gradient(135deg, #4580bb, #4545bb);
}
রঙিন ছায়া
.shadow-4580bb {
  box-shadow: 0 8px 24px rgb(69 128 187 / 0.35);
}

Tufts Blue
#4580bb  rgb(69, 128, 187)  hsl(210, 46%, 50%)  Tufts Blue
#bb8045  rgb(187, 128, 69)  hsl(30, 46%, 50%)  Peru
#bb4580  rgb(187, 69, 128)  hsl(330, 46%, 50%)  Mulberry
#80bb45  rgb(128, 187, 69)  hsl(90, 46%, 50%)  Mantis