#104CE3

#104ce3 ≈ Sapphire

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

#104ce3 “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 6.27% লাল, 29.8% সবুজ ও 89.02% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 92.95% সায়ান, 66.52% ম্যাজেন্টা, 0% হলুদ ও 10.98% কালো লাগে। HSL-এ এর হিউ কোণ 222.94°, স্যাচুরেশন 86.83% এবং উজ্জ্বলতা 47.65%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর সাদা লেখার কনট্রাস্ট অনুপাত 6.64:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Sapphire (#0f52ba), ΔE 6.26।

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

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

পরিপূরক

  1. #104ce3
  2. #e3a710

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

  1. #104ce3
  2. #e33e10
  3. #b6e310

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

  1. #10b6e3
  2. #104ce3
  3. #3e10e3

শেড

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

  1. #104ce3
  2. #0e44cc
  3. #0d3db6
  4. #0b359f
  5. #0a2e88
  6. #082672
  7. #061e5b
  8. #051744
  9. #030f2d
  10. #020817
  11. #000000

টিন্ট

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

  1. #104ce3
  2. #285ee6
  3. #4070e9
  4. #5882eb
  5. #7094ee
  6. #88a6f1
  7. #9fb7f4
  8. #b7c9f7
  9. #cfdbf9
  10. #e7edfc
  11. #ffffff

টোন

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

  1. #104ce3
  2. #1b51d9
  3. #2656cf
  4. #325cc5
  5. #3d61bb
  6. #4866b2
  7. #536ba8
  8. #5e709e
  9. #6a7694
  10. #757b8a
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #5d5d5d ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #4956a4 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #0066e8 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #0053e0 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #007691 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #005de6 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #0050e1 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #0068b8 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-104ce3 {
  color: #104ce3;
}
পটভূমি
.bg-104ce3 {
  background-color: #104ce3;
  color: #ffffff;
}
বর্ডার
.border-104ce3 {
  border: 2px solid #104ce3;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #104ce3;
  --color-primary-rgb: 16 76 227;
  --color-primary-hsl: 223 87% 48%;
}
গ্রেডিয়েন্ট
.gradient-104ce3 {
  background: linear-gradient(135deg, #104ce3, #3e10e3);
}
রঙিন ছায়া
.shadow-104ce3 {
  box-shadow: 0 8px 24px rgb(16 76 227 / 0.35);
}

Sapphire
#104ce3  rgb(16, 76, 227)  hsl(223, 87%, 48%)  Sapphire
#e3a710  rgb(227, 167, 16)  hsl(43, 87%, 48%)  Goldenrod
#e3104c  rgb(227, 16, 76)  hsl(343, 87%, 48%)  Amaranth
#4ce310  rgb(76, 227, 16)  hsl(103, 87%, 48%)  Neon Green