#EC2A4D

#ec2a4d ≈ Amaranth

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

#ec2a4d “লাল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 92.55% লাল, 16.47% সবুজ ও 30.2% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 82.2% ম্যাজেন্টা, 67.37% হলুদ ও 7.45% কালো লাগে। HSL-এ এর হিউ কোণ 349.18°, স্যাচুরেশন 83.62% এবং উজ্জ্বলতা 54.51%। এটি একটি উষ্ণ রং, যা প্রায়ই শক্তি, আবেগ ও তাড়না-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি খাদ্য ব্র্যান্ড ও রেস্তোরাঁ, সেল ও প্রচার এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 5:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Amaranth (#e52b50), ΔE 1.9।

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

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

পরিপূরক

  1. #ec2a4d
  2. #2aecc9

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

  1. #ec2a4d
  2. #2aec68
  3. #2aaeec

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

  1. #ec2aae
  2. #ec2a4d
  3. #ec682a

শেড

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

  1. #ec2a4d
  2. #d42645
  3. #bd223e
  4. #a51d36
  5. #8e192e
  6. #761527
  7. #5e111f
  8. #470d17
  9. #2f080f
  10. #180408
  11. #000000

টিন্ট

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

  1. #ec2a4d
  2. #ee3f5f
  3. #f05571
  4. #f26a82
  5. #f47f94
  6. #f695a6
  7. #f7aab8
  8. #f9bfca
  9. #fbd4db
  10. #fdeaed
  11. #ffffff

টোন

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

  1. #ec2a4d
  2. #e13352
  3. #d63b57
  4. #cc445c
  5. #c14c61
  6. #b65567
  7. #ab5e6c
  8. #a06671
  9. #966f76
  10. #8b777b
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #7c7c7c ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #b4656c ≈ 0.001% পুরুষ
প্রোটানোপিয়া #67624d ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #978a47 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ff003a ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #ad514d ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #bf7049 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #fa0042 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-ec2a4d {
  color: #ec2a4d;
}
পটভূমি
.bg-ec2a4d {
  background-color: #ec2a4d;
  color: #000000;
}
বর্ডার
.border-ec2a4d {
  border: 2px solid #ec2a4d;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #ec2a4d;
  --color-primary-rgb: 236 42 77;
  --color-primary-hsl: 349 84% 55%;
}
গ্রেডিয়েন্ট
.gradient-ec2a4d {
  background: linear-gradient(135deg, #ec2a4d, #ec682a);
}
রঙিন ছায়া
.shadow-ec2a4d {
  box-shadow: 0 8px 24px rgb(236 42 77 / 0.35);
}

Amaranth
#ec2a4d  rgb(236, 42, 77)  hsl(349, 84%, 55%)  Amaranth
#2aecc9  rgb(42, 236, 201)  hsl(169, 84%, 55%)  Turquoise
#4dec2a  rgb(77, 236, 42)  hsl(109, 84%, 55%)  Neon Green
#2a4dec  rgb(42, 77, 236)  hsl(229, 84%, 55%)  Iris