#4558B4

#4558b4 ≈ Sapphire

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

#4558b4 “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 27.06% লাল, 34.51% সবুজ ও 70.59% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 61.67% সায়ান, 51.11% ম্যাজেন্টা, 0% হলুদ ও 29.41% কালো লাগে। HSL-এ এর হিউ কোণ 229.73°, স্যাচুরেশন 44.58% এবং উজ্জ্বলতা 48.82%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর সাদা লেখার কনট্রাস্ট অনুপাত 6.35:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Sapphire (#0f52ba), ΔE 5.03।

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

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

পরিপূরক

  1. #4558b4
  2. #b4a145

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

  1. #4558b4
  2. #b46945
  3. #8fb445

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

  1. #458fb4
  2. #4558b4
  3. #6945b4

শেড

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

  1. #4558b4
  2. #3e4fa2
  3. #374690
  4. #303e7e
  5. #29356c
  6. #232c5a
  7. #1c2348
  8. #151a36
  9. #0e1224
  10. #070912
  11. #000000

টিন্ট

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

  1. #4558b4
  2. #5869bc
  3. #6a79c3
  4. #7d8acb
  5. #8f9bd2
  6. #a2acda
  7. #b5bce1
  8. #c7cde9
  9. #dadef0
  10. #eceef8
  11. #ffffff

টোন

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

  1. #4558b4
  2. #4b5caf
  3. #5160aa
  4. #5764a4
  5. #5d689f
  6. #636c9a
  7. #687095
  8. #6e7490
  9. #74788a
  10. #7a7c85
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #5f5f5f ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #565d89 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #2565b7 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #065bb2 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #006d7d ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #3460b6 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #2c5ab3 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #216596 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-4558b4 {
  color: #4558b4;
}
পটভূমি
.bg-4558b4 {
  background-color: #4558b4;
  color: #ffffff;
}
বর্ডার
.border-4558b4 {
  border: 2px solid #4558b4;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #4558b4;
  --color-primary-rgb: 69 88 180;
  --color-primary-hsl: 230 45% 49%;
}
গ্রেডিয়েন্ট
.gradient-4558b4 {
  background: linear-gradient(135deg, #4558b4, #6945b4);
}
রঙিন ছায়া
.shadow-4558b4 {
  box-shadow: 0 8px 24px rgb(69 88 180 / 0.35);
}

Sapphire
#4558b4  rgb(69, 88, 180)  hsl(230, 45%, 49%)  Sapphire
#b4a145  rgb(180, 161, 69)  hsl(50, 45%, 49%)  Brass
#b44558  rgb(180, 69, 88)  hsl(350, 45%, 49%)  Brick Red
#58b445  rgb(88, 180, 69)  hsl(110, 45%, 49%)  Kelly Green