#F8A20C

#f8a20c ≈ Orange

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

#f8a20c “কমলা” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 97.25% লাল, 63.53% সবুজ ও 4.71% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 34.68% ম্যাজেন্টা, 95.16% হলুদ ও 2.75% কালো লাগে। HSL-এ এর হিউ কোণ 38.14°, স্যাচুরেশন 94.4% এবং উজ্জ্বলতা 50.98%। এটি একটি উষ্ণ রং, যা প্রায়ই উদ্দীপনা, উষ্ণতা ও সৃজনশীলতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি কল-টু-অ্যাকশন বোতাম এবং খাদ্য ব্র্যান্ড ও রেস্তোরাঁ-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 10.16:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Orange (#ffa500), ΔE 1.31।

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

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

পরিপূরক

  1. #f8a20c
  2. #0c62f8

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

  1. #f8a20c
  2. #0cd8f8
  3. #2c0cf8

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

  1. #f82c0c
  2. #f8a20c
  3. #d8f80c

শেড

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

  1. #f8a20c
  2. #df920b
  3. #c6820a
  4. #ae7108
  5. #956107
  6. #7c5106
  7. #634105
  8. #4a3104
  9. #322002
  10. #191001
  11. #000000

টিন্ট

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

  1. #f8a20c
  2. #f9ab24
  3. #f9b53d
  4. #fabe55
  5. #fbc76d
  6. #fcd186
  7. #fcda9e
  8. #fde3b6
  9. #feecce
  10. #fef6e7
  11. #ffffff

টোন

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

  1. #f8a20c
  2. #ec9f18
  3. #e09b23
  4. #d4982f
  5. #c8943a
  6. #bc9146
  7. #b08e52
  8. #a48a5d
  9. #988769
  10. #8c8374
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #b4b4b4 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #d3ad8f ≈ 0.001% পুরুষ
প্রোটানোপিয়া #bfa800 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #d4bd16 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ff8c8a ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #d8a600 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #e3b312 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #ff956e ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Orange
#f8a20c  rgb(248, 162, 12)  hsl(38, 94%, 51%)  Orange
#0c62f8  rgb(12, 98, 248)  hsl(218, 94%, 51%)  Ultramarine Blue
#0cf8a2  rgb(12, 248, 162)  hsl(158, 94%, 51%)  Medium Spring Green
#a20cf8  rgb(162, 12, 248)  hsl(278, 94%, 51%)  Vivid Violet