#FF0E4A

#ff0e4a ≈ Folly

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

#ff0e4a “লাল” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 100% লাল, 5.49% সবুজ ও 29.02% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 94.51% ম্যাজেন্টা, 70.98% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 345.06°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 52.75%। এটি একটি উষ্ণ রং, যা প্রায়ই শক্তি, আবেগ ও তাড়না-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি খাদ্য ব্র্যান্ড ও রেস্তোরাঁ, সেল ও প্রচার এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 5.41:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Folly (#ff004f), ΔE 1.6।

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

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

পরিপূরক

  1. #ff0e4a
  2. #0effc3

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

  1. #ff0e4a
  2. #0eff4b
  3. #0ec3ff

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

  1. #ff0ec3
  2. #ff0e4a
  3. #ff4b0e

শেড

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

  1. #ff0e4a
  2. #e60d43
  3. #cc0b3b
  4. #b30a34
  5. #99082c
  6. #800725
  7. #66061e
  8. #4d0416
  9. #33030f
  10. #1a0107
  11. #000000

টিন্ট

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

  1. #ff0e4a
  2. #ff265c
  3. #ff3e6e
  4. #ff5680
  5. #ff6e92
  6. #ff87a5
  7. #ff9fb7
  8. #ffb7c9
  9. #ffcfdb
  10. #ffe7ed
  11. #ffffff

টোন

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

  1. #ff0e4a
  2. #f2194f
  3. #e62555
  4. #d9305a
  5. #cc3c60
  6. #c04765
  7. #b3526a
  8. #a65e70
  9. #996975
  10. #8d757b
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #818181 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #c1666f ≈ 0.001% পুরুষ
প্রোটানোপিয়া #6a634a ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #a19242 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ff002f ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #b94e4a ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #cd7445 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #ff003c ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Folly
#ff0e4a  rgb(255, 14, 74)  hsl(345, 100%, 53%)  Folly
#0effc3  rgb(14, 255, 195)  hsl(165, 100%, 53%)  Aquamarine
#4aff0e  rgb(74, 255, 14)  hsl(105, 100%, 53%)  Harlequin
#0e4aff  rgb(14, 74, 255)  hsl(225, 100%, 53%)  Majorelle Blue