#FBBF0C

#fbbf0c ≈ Amber

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

#fbbf0c “হলুদ” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 98.43% লাল, 74.9% সবুজ ও 4.71% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 23.9% ম্যাজেন্টা, 95.22% হলুদ ও 1.57% কালো লাগে। HSL-এ এর হিউ কোণ 44.94°, স্যাচুরেশন 96.76% এবং উজ্জ্বলতা 51.57%। এটি একটি উষ্ণ রং, যা প্রায়ই আশাবাদ, মনোযোগ ও আনন্দ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি হাইলাইট ও সতর্কবার্তা, শিশুদের পণ্য এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 12.56:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Amber (#ffbf00), ΔE 0.94।

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

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

পরিপূরক

  1. #fbbf0c
  2. #0c48fb

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

  1. #fbbf0c
  2. #0cbffb
  3. #480cfb

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

  1. #fb480c
  2. #fbbf0c
  3. #bffb0c

শেড

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

  1. #fbbf0c
  2. #e2ac0b
  3. #c9990a
  4. #b08608
  5. #977307
  6. #7e6006
  7. #644c05
  8. #4b3904
  9. #322602
  10. #191301
  11. #000000

টিন্ট

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

  1. #fbbf0c
  2. #fbc524
  3. #fccc3d
  4. #fcd255
  5. #fdd96d
  6. #fddf86
  7. #fde59e
  8. #feecb6
  9. #fef2ce
  10. #fff9e7
  11. #ffffff

টোন

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

  1. #fbbf0c
  2. #efb918
  3. #e2b223
  4. #d6ac2f
  5. #caa63a
  6. #bea046
  7. #b19952
  8. #a5935d
  9. #998d69
  10. #8c8674
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #c8c8c8 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #dec59f ≈ 0.001% পুরুষ
প্রোটানোপিয়া #d9bf00 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #e7cf20 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ffaba3 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #e7bf00 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #efc91a ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #ffb481 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Amber
#fbbf0c  rgb(251, 191, 12)  hsl(45, 97%, 52%)  Amber
#0c48fb  rgb(12, 72, 251)  hsl(225, 97%, 52%)  Majorelle Blue
#0cfbbf  rgb(12, 251, 191)  hsl(165, 97%, 52%)  Aquamarine
#bf0cfb  rgb(191, 12, 251)  hsl(285, 97%, 52%)  Electric Purple