#FBAE1F

#fbae1f ≈ Orange

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

#fbae1f “কমলা” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 98.43% লাল, 68.24% সবুজ ও 12.16% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 30.68% ম্যাজেন্টা, 87.65% হলুদ ও 1.57% কালো লাগে। HSL-এ এর হিউ কোণ 39°, স্যাচুরেশন 96.49% এবং উজ্জ্বলতা 55.29%। এটি একটি উষ্ণ রং, যা প্রায়ই উদ্দীপনা, উষ্ণতা ও সৃজনশীলতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি কল-টু-অ্যাকশন বোতাম এবং খাদ্য ব্র্যান্ড ও রেস্তোরাঁ-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 11.18:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Orange (#ffa500), ΔE 3.3।

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

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

পরিপূরক

  1. #fbae1f
  2. #1f6cfb

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

  1. #fbae1f
  2. #1fdafb
  3. #401ffb

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

  1. #fb401f
  2. #fbae1f
  3. #dafb1f

শেড

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

  1. #fbae1f
  2. #e29d1c
  3. #c98b19
  4. #b07a16
  5. #976813
  6. #7e5710
  7. #64460c
  8. #4b3409
  9. #322306
  10. #191103
  11. #000000

টিন্ট

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

  1. #fbae1f
  2. #fbb635
  3. #fcbe4c
  4. #fcc662
  5. #fdce79
  6. #fdd78f
  7. #fddfa5
  8. #fee7bc
  9. #feefd2
  10. #fff7e9
  11. #ffffff

টোন

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

  1. #fbae1f
  2. #efa929
  3. #e2a532
  4. #d6a03c
  5. #ca9c46
  6. #be9750
  7. #b19259
  8. #a58e63
  9. #99896d
  10. #8c8576
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #bdbdbd ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #d9b797 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #cab200 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #dcc527 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ff9995 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #dfb000 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #e9bc24 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #ffa278 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Orange
#fbae1f  rgb(251, 174, 31)  hsl(39, 96%, 55%)  Orange
#1f6cfb  rgb(31, 108, 251)  hsl(219, 96%, 55%)  Brandeis Blue
#1ffbae  rgb(31, 251, 174)  hsl(159, 96%, 55%)  Medium Spring Green
#ae1ffb  rgb(174, 31, 251)  hsl(279, 96%, 55%)  Electric Purple