ColorTool
লগ ইন
#22FFCF

#22ffcf ≈ Aquamarine

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

#22ffcf “সবুজ-নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 13.33% লাল, 100% সবুজ ও 81.18% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 86.67% সায়ান, 0% ম্যাজেন্টা, 18.82% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 166.97°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 56.67%। এটি একটি শীতল রং, যা প্রায়ই স্বচ্ছতা, প্রশান্তি ও নবীনতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি স্বাস্থ্য ও সুস্থতা, প্রযুক্তি পণ্য এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 16.27:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Aquamarine (#7fffd4), ΔE 4.56।

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

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

পরিপূরক

  1. #22ffcf
  2. #ff2252

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

  1. #22ffcf
  2. #ff22c0
  3. #ff6122

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

  1. #22ff61
  2. #22ffcf
  3. #22c0ff

ত্রয়ী

  1. #22ffcf
  2. #cf22ff
  3. #ffcf22

চতুষ্ক

  1. #22ffcf
  2. #2252ff
  3. #ff2252
  4. #ffcf22

বর্গ

  1. #22ffcf
  2. #6122ff
  3. #ff2252
  4. #c0ff22

একরঙা

  1. #00886a
  2. #00d5a6
  3. #22ffcf
  4. #6fffe0
  5. #bbfff0

শেড

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

  1. #22ffcf
  2. #1fe6ba
  3. #1bcca6
  4. #18b391
  5. #14997c
  6. #118068
  7. #0e6653
  8. #0a4d3e
  9. #073329
  10. #031a15
  11. #000000

টিন্ট

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

  1. #22ffcf
  2. #38ffd4
  3. #4effd9
  4. #64ffdd
  5. #7affe2
  6. #91ffe7
  7. #a7ffec
  8. #bdfff1
  9. #d3fff5
  10. #e9fffa
  11. #ffffff

টোন

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

  1. #22ffcf
  2. #2bf2c7
  3. #35e6bf
  4. #3ed9b7
  5. #48ccaf
  6. #51c0a8
  7. #5ab3a0
  8. #64a698
  9. #6d9990
  10. #778d88
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #e2e2e2 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #b5eedb ≈ 0.001% পুরুষ
প্রোটানোপিয়া #f7edcd ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #dddbd2 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #00fff1 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #c6f5ce ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #b1ead1 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #00ffe4 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-22ffcf {
  color: #22ffcf;
}
পটভূমি
.bg-22ffcf {
  background-color: #22ffcf;
  color: #000000;
}
বর্ডার
.border-22ffcf {
  border: 2px solid #22ffcf;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #22ffcf;
  --color-primary-rgb: 34 255 207;
  --color-primary-hsl: 167 100% 57%;
}
গ্রেডিয়েন্ট
.gradient-22ffcf {
  background: linear-gradient(135deg, #22ffcf, #22c0ff);
}
রঙিন ছায়া
.shadow-22ffcf {
  box-shadow: 0 8px 24px rgb(34 255 207 / 0.35);
}

#7fffd4 Aquamarine ΔE 4.56 #00ffef Turquoise Blue ΔE 8.71 #00fa9a Medium Spring Green ΔE 9.57 #40e0d0 Turquoise ΔE 10.28 #aaf0d1 Magic Mint ΔE 10.78 #08e8de Bright Turquoise ΔE 11.19 #9fe2bf Seafoam Green ΔE 11.58 #dd0030 উল্টো রং #e2e2e2 গ্রেস্কেল 

Aquamarine
#22ffcf  rgb(34, 255, 207)  hsl(167, 100%, 57%)  Aquamarine
#ff2252  rgb(255, 34, 82)  hsl(347, 100%, 57%)  Folly
#cf22ff  rgb(207, 34, 255)  hsl(287, 100%, 57%)  Electric Purple
#ffcf22  rgb(255, 207, 34)  hsl(47, 100%, 57%)  Sunglow