#FA7E2A

#fa7e2a ≈ Pumpkin

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

#fa7e2a “কমলা” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 98.04% লাল, 49.41% সবুজ ও 16.47% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 49.6% ম্যাজেন্টা, 83.2% হলুদ ও 1.96% কালো লাগে। HSL-এ এর হিউ কোণ 24.23°, স্যাচুরেশন 95.41% এবং উজ্জ্বলতা 57.25%। এটি একটি উষ্ণ রং, যা প্রায়ই উদ্দীপনা, উষ্ণতা ও সৃজনশীলতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি কল-টু-অ্যাকশন বোতাম এবং খাদ্য ব্র্যান্ড ও রেস্তোরাঁ-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 8.08:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Pumpkin (#ff7518), ΔE 2.16।

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

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

পরিপূরক

  1. #fa7e2a
  2. #2aa6fa

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

  1. #fa7e2a
  2. #2afae6
  3. #2a3efa

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

  1. #fa2a3e
  2. #fa7e2a
  3. #fae62a

শেড

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

  1. #fa7e2a
  2. #e17126
  3. #c86522
  4. #af581d
  5. #964c19
  6. #7d3f15
  7. #643211
  8. #4b260d
  9. #321908
  10. #190d04
  11. #000000

টিন্ট

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

  1. #fa7e2a
  2. #fb8b3f
  3. #fb9855
  4. #fca56a
  5. #fcb27f
  6. #fdbf95
  7. #fdcbaa
  8. #fed8bf
  9. #fee5d4
  10. #fff2ea
  11. #ffffff

টোন

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

  1. #fa7e2a
  2. #ee7e33
  3. #e27e3b
  4. #d57f44
  5. #c97f4c
  6. #bd7f55
  7. #b17f5e
  8. #a57f66
  9. #98806f
  10. #8c8077
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #a1a1a1 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #cb9482 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #a28f1a ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #c0ab27 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ff626e ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #cb8922 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #da9b28 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #ff6e5a ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Pumpkin
#fa7e2a  rgb(250, 126, 42)  hsl(24, 95%, 57%)  Pumpkin
#2aa6fa  rgb(42, 166, 250)  hsl(204, 95%, 57%)  Carolina Blue
#2afa7e  rgb(42, 250, 126)  hsl(144, 95%, 57%)  Spring Green
#7e2afa  rgb(126, 42, 250)  hsl(264, 95%, 57%)  Electric Violet