ColorTool
লগ ইন
#676BB7

#676bb7 ≈ Slate Blue

  • নীল
  • উজ্জ্বলতা: মাঝারি
  • স্যাচুরেশন: মাঝারি
  • শীতল
কনট্রাস্ট পরীক্ষা করুন গ্রাফে দেখুন এলোমেলো রং

#676bb7 “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 40.39% লাল, 41.96% সবুজ ও 71.76% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 43.72% সায়ান, 41.53% ম্যাজেন্টা, 0% হলুদ ও 28.24% কালো লাগে। HSL-এ এর হিউ কোণ 237°, স্যাচুরেশন 35.71% এবং উজ্জ্বলতা 56.08%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর সাদা লেখার কনট্রাস্ট অনুপাত 4.81:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Slate Blue (#6a5acd), ΔE 7.02।

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

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

পরিপূরক

  1. #676bb7
  2. #b7b367

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

  1. #676bb7
  2. #b78b67
  3. #93b767

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

  1. #6793b7
  2. #676bb7
  3. #8b67b7

ত্রয়ী

  1. #676bb7
  2. #b7676b
  3. #6bb767

চতুষ্ক

  1. #676bb7
  2. #b367b7
  3. #b7b367
  4. #6bb767

বর্গ

  1. #676bb7
  2. #b76793
  3. #b7b367
  4. #67b78b

একরঙা

  1. #2b2d5a
  2. #43478e
  3. #676bb7
  4. #9b9ed0
  5. #cfd0e8

শেড

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

  1. #676bb7
  2. #5d60a5
  3. #525692
  4. #484b80
  5. #3e406e
  6. #34365c
  7. #292b49
  8. #1f2037
  9. #151525
  10. #0a0b12
  11. #000000

টিন্ট

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

  1. #676bb7
  2. #767abe
  3. #8589c5
  4. #9597cd
  5. #a4a6d4
  6. #b3b5db
  7. #c2c4e2
  8. #d1d3e9
  9. #e1e1f1
  10. #f0f0f8
  11. #ffffff

টোন

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

  1. #676bb7
  2. #6a6db2
  3. #6c6fac
  4. #6f71a7
  5. #7173a1
  6. #74769c
  7. #767896
  8. #797a91
  9. #7b7c8b
  10. #7e7e86
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #727272 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #6e6f93 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #4f75ba ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #4a6fb5 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #4d7a88 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #5a71b9 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #576db6 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #59759d ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-676bb7 {
  color: #676bb7;
}
পটভূমি
.bg-676bb7 {
  background-color: #676bb7;
  color: #ffffff;
}
বর্ডার
.border-676bb7 {
  border: 2px solid #676bb7;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #676bb7;
  --color-primary-rgb: 103 107 183;
  --color-primary-hsl: 237 36% 56%;
}
গ্রেডিয়েন্ট
.gradient-676bb7 {
  background: linear-gradient(135deg, #676bb7, #8b67b7);
}
রঙিন ছায়া
.shadow-676bb7 {
  box-shadow: 0 8px 24px rgb(103 107 183 / 0.35);
}

#6a5acd Slate Blue ΔE 7.02 #4169e1 Royal Blue ΔE 8.28 #7b68ee Medium Slate Blue ΔE 9.11 #6082b6 Glaucous ΔE 9.50 #4166f5 Ultramarine Blue ΔE 9.62 #436b95 Queen Blue ΔE 9.68 #5a4fcf Iris ΔE 9.91 #989448 উল্টো রং #727272 গ্রেস্কেল 

Slate Blue
#676bb7  rgb(103, 107, 183)  hsl(237, 36%, 56%)  Slate Blue
#b7b367  rgb(183, 179, 103)  hsl(57, 36%, 56%)  Dark Khaki
#b7676b  rgb(183, 103, 107)  hsl(357, 36%, 56%)  Rose Gold
#6bb767  rgb(107, 183, 103)  hsl(117, 36%, 56%)  Mantis