#54D5FF

#54d5ff ≈ Sky Blue

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

#54d5ff “সায়ান” পরিবারের একটি রং; এর উজ্জ্বলতা বেশি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 32.94% লাল, 83.53% সবুজ ও 100% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 67.06% সায়ান, 16.47% ম্যাজেন্টা, 0% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 194.74°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 66.47%। এটি একটি শীতল রং, যা প্রায়ই সতেজতা, প্রযুক্তি ও স্পষ্টতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি স্বাস্থ্য ও সুস্থতা, প্রযুক্তি পণ্য এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 12.34:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Sky Blue (#87ceeb), ΔE 5.18।

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

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

পরিপূরক

  1. #54d5ff
  2. #ff7e54

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

  1. #54d5ff
  2. #ff547f
  3. #ffd454

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

  1. #54ffd4
  2. #54d5ff
  3. #547fff

শেড

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

  1. #54d5ff
  2. #4cc0e6
  3. #43aacc
  4. #3b95b3
  5. #328099
  6. #2a6b80
  7. #225566
  8. #19404d
  9. #112b33
  10. #08151a
  11. #000000

টিন্ট

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

  1. #54d5ff
  2. #65d9ff
  3. #76ddff
  4. #87e2ff
  5. #98e6ff
  6. #aaeaff
  7. #bbeeff
  8. #ccf2ff
  9. #ddf7ff
  10. #eefbff
  11. #ffffff

টোন

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

  1. #54d5ff
  2. #58cdf2
  3. #5dc4e6
  4. #61bcd9
  5. #66b3cc
  6. #6aabc0
  7. #6ea2b3
  8. #739aa6
  9. #779199
  10. #7c898d
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #c6c6c6 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #a5ccdf ≈ 0.001% পুরুষ
প্রোটানোপিয়া #bdd0ff ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #a5bfff ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #00e2e3 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #9ed2ff ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #8cc8ff ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #00ddee ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-54d5ff {
  color: #54d5ff;
}
পটভূমি
.bg-54d5ff {
  background-color: #54d5ff;
  color: #000000;
}
বর্ডার
.border-54d5ff {
  border: 2px solid #54d5ff;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #54d5ff;
  --color-primary-rgb: 84 213 255;
  --color-primary-hsl: 195 100% 66%;
}
গ্রেডিয়েন্ট
.gradient-54d5ff {
  background: linear-gradient(135deg, #54d5ff, #547fff);
}
রঙিন ছায়া
.shadow-54d5ff {
  box-shadow: 0 8px 24px rgb(84 213 255 / 0.35);
}

Sky Blue
#54d5ff  rgb(84, 213, 255)  hsl(195, 100%, 66%)  Sky Blue
#ff7e54  rgb(255, 126, 84)  hsl(15, 100%, 66%)  Coral
#ff54d5  rgb(255, 84, 213)  hsl(315, 100%, 66%)  Rose Pink
#d5ff54  rgb(213, 255, 84)  hsl(75, 100%, 66%)  Electric Lime