ColorTool
লগ ইন
#677DB6

#677db6 ≈ Glaucous

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

#677db6 “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 40.39% লাল, 49.02% সবুজ ও 71.37% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 43.41% সায়ান, 31.32% ম্যাজেন্টা, 0% হলুদ ও 28.63% কালো লাগে। HSL-এ এর হিউ কোণ 223.29°, স্যাচুরেশন 35.11% এবং উজ্জ্বলতা 55.88%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 5.19:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Glaucous (#6082b6), ΔE 3.25।

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

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

পরিপূরক

  1. #677db6
  2. #b6a067

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

  1. #677db6
  2. #b67867
  3. #a4b667

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

  1. #67a4b6
  2. #677db6
  3. #7867b6

ত্রয়ী

  1. #677db6
  2. #b6677d
  3. #7db667

চতুষ্ক

  1. #677db6
  2. #a067b6
  3. #b6a067
  4. #7db667

বর্গ

  1. #677db6
  2. #b667a4
  3. #b6a067
  4. #67b678

একরঙা

  1. #2b3859
  2. #44588d
  3. #677db6
  4. #9ba9cf
  5. #ced5e8

শেড

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

  1. #677db6
  2. #5d71a4
  3. #526492
  4. #48587f
  5. #3e4b6d
  6. #343f5b
  7. #293249
  8. #1f2637
  9. #151924
  10. #0a0d12
  11. #000000

টিন্ট

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

  1. #677db6
  2. #768abd
  3. #8597c5
  4. #95a4cc
  5. #a4b1d3
  6. #b3bedb
  7. #c2cbe2
  8. #d1d8e9
  9. #e1e5f0
  10. #f0f2f8
  11. #ffffff

টোন

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

  1. #677db6
  2. #6a7db1
  3. #6c7eab
  4. #6f7ea6
  5. #717ea0
  6. #747f9b
  7. #767f96
  8. #797f90
  9. #7b7f8b
  10. #7e8085
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #7e7e7e ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #767e98 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #6982b8 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #617bb5 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #4b8991 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #6880b7 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #637cb5 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #5884a1 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-677db6 {
  color: #677db6;
}
পটভূমি
.bg-677db6 {
  background-color: #677db6;
  color: #000000;
}
বর্ডার
.border-677db6 {
  border: 2px solid #677db6;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #677db6;
  --color-primary-rgb: 103 125 182;
  --color-primary-hsl: 223 35% 56%;
}
গ্রেডিয়েন্ট
.gradient-677db6 {
  background: linear-gradient(135deg, #677db6, #7867b6);
}
রঙিন ছায়া
.shadow-677db6 {
  box-shadow: 0 8px 24px rgb(103 125 182 / 0.35);
}

#6082b6 Glaucous ΔE 3.25 #417dc1 Tufts Blue ΔE 7.46 #4682b4 Steel Blue ΔE 8.51 #4169e1 Royal Blue ΔE 9.27 #5d8aa8 Air Force Blue ΔE 9.62 #5b92e5 United Nations Blue ΔE 9.98 #436b95 Queen Blue ΔE 10.03 #988249 উল্টো রং #7e7e7e গ্রেস্কেল 

Glaucous
#677db6  rgb(103, 125, 182)  hsl(223, 35%, 56%)  Glaucous
#b6a067  rgb(182, 160, 103)  hsl(43, 35%, 56%)  Ecru
#b6677d  rgb(182, 103, 125)  hsl(343, 35%, 56%)  Turkish Rose
#7db667  rgb(125, 182, 103)  hsl(103, 35%, 56%)  Mantis