ColorTool
লগ ইন
#20FCC2

#20fcc2 ≈ Aquamarine

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

#20fcc2 “সবুজ-নীল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 12.55% লাল, 98.82% সবুজ ও 76.08% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 87.3% সায়ান, 0% ম্যাজেন্টা, 23.02% হলুদ ও 1.18% কালো লাগে। HSL-এ এর হিউ কোণ 164.18°, স্যাচুরেশন 97.35% এবং উজ্জ্বলতা 55.69%। এটি উষ্ণ ও শীতলের মাঝামাঝি এবং প্রায়ই স্বচ্ছতা, প্রশান্তি ও নবীনতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি স্বাস্থ্য ও সুস্থতা, প্রযুক্তি পণ্য এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 15.76:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Aquamarine (#7fffd4), ΔE 5.26।

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

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

পরিপূরক

  1. #20fcc2
  2. #fc205a

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

  1. #20fcc2
  2. #fc20c8
  3. #fc5420

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

  1. #20fc54
  2. #20fcc2
  3. #20c8fc

ত্রয়ী

  1. #20fcc2
  2. #c220fc
  3. #fcc220

চতুষ্ক

  1. #20fcc2
  2. #205afc
  3. #fc205a
  4. #fcc220

বর্গ

  1. #20fcc2
  2. #5420fc
  3. #fc205a
  4. #c8fc20

একরঙা

  1. #028160
  2. #03cd98
  3. #20fcc2
  4. #6bfdd7
  5. #b7feeb

শেড

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

  1. #20fcc2
  2. #1de3af
  3. #1aca9b
  4. #16b088
  5. #139774
  6. #107e61
  7. #0d654e
  8. #0a4c3a
  9. #063227
  10. #031913
  11. #000000

টিন্ট

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

  1. #20fcc2
  2. #36fcc8
  3. #4dfdce
  4. #63fdd4
  5. #79fdda
  6. #90fee1
  7. #a6fee7
  8. #bcfeed
  9. #d2fef3
  10. #e9fff9
  11. #ffffff

টোন

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

  1. #20fcc2
  2. #2af0bb
  3. #33e3b5
  4. #3dd7ae
  5. #46caa8
  6. #50bea1
  7. #5ab29a
  8. #63a594
  9. #6d998d
  10. #768c87
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #dfdfdf ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #b3ebd4 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #f5eabf ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #ddd8c6 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #00fdec ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #c5f1c0 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #b1e7c4 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #00fddc ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-20fcc2 {
  color: #20fcc2;
}
পটভূমি
.bg-20fcc2 {
  background-color: #20fcc2;
  color: #000000;
}
বর্ডার
.border-20fcc2 {
  border: 2px solid #20fcc2;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #20fcc2;
  --color-primary-rgb: 32 252 194;
  --color-primary-hsl: 164 97% 56%;
}
গ্রেডিয়েন্ট
.gradient-20fcc2 {
  background: linear-gradient(135deg, #20fcc2, #20c8fc);
}
রঙিন ছায়া
.shadow-20fcc2 {
  box-shadow: 0 8px 24px rgb(32 252 194 / 0.35);
}

#7fffd4 Aquamarine ΔE 5.26 #00fa9a Medium Spring Green ΔE 7.15 #00cc99 Caribbean Green ΔE 10.89 #00ffef Turquoise Blue ΔE 11.13 #aaf0d1 Magic Mint ΔE 11.16 #9fe2bf Seafoam Green ΔE 11.46 #00ff7f Spring Green ΔE 11.47 #df033d উল্টো রং #dfdfdf গ্রেস্কেল 

Aquamarine
#20fcc2  rgb(32, 252, 194)  hsl(164, 97%, 56%)  Aquamarine
#fc205a  rgb(252, 32, 90)  hsl(344, 97%, 56%)  Folly
#c220fc  rgb(194, 32, 252)  hsl(284, 97%, 56%)  Electric Purple
#fcc220  rgb(252, 194, 32)  hsl(44, 97%, 56%)  Mikado Yellow