ColorTool
লগ ইন
#5A5FA1

#5a5fa1 ≈ Slate Blue

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

#5a5fa1 “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 35.29% লাল, 37.25% সবুজ ও 63.14% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 44.1% সায়ান, 40.99% ম্যাজেন্টা, 0% হলুদ ও 36.86% কালো লাগে। HSL-এ এর হিউ কোণ 235.77°, স্যাচুরেশন 28.29% এবং উজ্জ্বলতা 49.22%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর সাদা লেখার কনট্রাস্ট অনুপাত 5.86:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Slate Blue (#6a5acd), ΔE 8.13।

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

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

পরিপূরক

  1. #5a5fa1
  2. #a19c5a

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

  1. #5a5fa1
  2. #a1795a
  3. #83a15a

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

  1. #5a83a1
  2. #5a5fa1
  3. #795aa1

ত্রয়ী

  1. #5a5fa1
  2. #a15a5f
  3. #5fa15a

চতুষ্ক

  1. #5a5fa1
  2. #9c5aa1
  3. #a19c5a
  4. #5fa15a

বর্গ

  1. #5a5fa1
  2. #a15a83
  3. #a19c5a
  4. #5aa179

একরঙা

  1. #23253f
  2. #3f4270
  3. #5a5fa1
  4. #8a8ebe
  5. #bbbdd9

শেড

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

  1. #5a5fa1
  2. #515691
  3. #484c81
  4. #3f4371
  5. #363961
  6. #2d3051
  7. #242640
  8. #1b1d30
  9. #121320
  10. #090a10
  11. #000000

টিন্ট

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

  1. #5a5fa1
  2. #6b6faa
  3. #7b7fb4
  4. #8c8fbd
  5. #9c9fc7
  6. #adafd0
  7. #bdbfd9
  8. #cecfe3
  9. #dedfec
  10. #efeff6
  11. #ffffff

টোন

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

  1. #5a5fa1
  2. #5e629e
  3. #62669a
  4. #656997
  5. #696c94
  6. #6d7091
  7. #71738d
  8. #75768a
  9. #787987
  10. #7c7d83
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #656565 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #616281 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #4768a4 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #42629f ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #436c78 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #4f64a3 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #4d61a0 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #4d678a ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-5a5fa1 {
  color: #5a5fa1;
}
পটভূমি
.bg-5a5fa1 {
  background-color: #5a5fa1;
  color: #ffffff;
}
বর্ডার
.border-5a5fa1 {
  border: 2px solid #5a5fa1;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #5a5fa1;
  --color-primary-rgb: 90 95 161;
  --color-primary-hsl: 236 28% 49%;
}
গ্রেডিয়েন্ট
.gradient-5a5fa1 {
  background: linear-gradient(135deg, #5a5fa1, #795aa1);
}
রঙিন ছায়া
.shadow-5a5fa1 {
  box-shadow: 0 8px 24px rgb(90 95 161 / 0.35);
}

#6a5acd Slate Blue ΔE 8.13 #436b95 Queen Blue ΔE 9.13 #5a4fcf Iris ΔE 9.22 #7851a9 Royal Purple ΔE 9.50 #0f52ba Sapphire ΔE 10.12 #4f42b5 Ocean Blue ΔE 10.22 #1560bd Denim ΔE 10.46 #a5a05e উল্টো রং #656565 গ্রেস্কেল 

Slate Blue
#5a5fa1  rgb(90, 95, 161)  hsl(236, 28%, 49%)  Slate Blue
#a19c5a  rgb(161, 156, 90)  hsl(56, 28%, 49%)  Moss Green
#a15a5f  rgb(161, 90, 95)  hsl(356, 28%, 49%)  Copper Rose
#5fa15a  rgb(95, 161, 90)  hsl(116, 28%, 49%)  Asparagus