#CC4E0B

#cc4e0b ≈ Burnt Orange

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

#cc4e0b “কমলা” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন খুব উজ্জ্বল। RGB মডেলে এটি 80% লাল, 30.59% সবুজ ও 4.31% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 61.76% ম্যাজেন্টা, 94.61% হলুদ ও 20% কালো লাগে। HSL-এ এর হিউ কোণ 20.83°, স্যাচুরেশন 89.77% এবং উজ্জ্বলতা 42.16%। এটি একটি উষ্ণ রং, যা প্রায়ই উদ্দীপনা, উষ্ণতা ও সৃজনশীলতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি কল-টু-অ্যাকশন বোতাম এবং খাদ্য ব্র্যান্ড ও রেস্তোরাঁ-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 4.66:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Burnt Orange (#cc5500), ΔE 2.95।

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

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

পরিপূরক

  1. #cc4e0b
  2. #0b89cc

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

  1. #cc4e0b
  2. #0bccaf
  3. #0b28cc

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

  1. #cc0b28
  2. #cc4e0b
  3. #ccaf0b

শেড

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

  1. #cc4e0b
  2. #b8460a
  3. #a33e09
  4. #8f3708
  5. #7a2f07
  6. #662706
  7. #521f04
  8. #3d1703
  9. #291002
  10. #140801
  11. #000000

টিন্ট

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

  1. #cc4e0b
  2. #d16023
  3. #d6713c
  4. #db8354
  5. #e0956d
  6. #e6a785
  7. #ebb89d
  8. #f0cab6
  9. #f5dcce
  10. #faede7
  11. #ffffff

টোন

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

  1. #cc4e0b
  2. #c45317
  3. #bd5822
  4. #b55d2e
  5. #ae623a
  6. #a66746
  7. #9e6c51
  8. #97715d
  9. #8f7669
  10. #887b74
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #777777 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #a0695e ≈ 0.001% পুরুষ
প্রোটানোপিয়া #736500 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #928100 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #e12b43 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #9f5c00 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #ac7003 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #d93c35 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Burnt Orange
#cc4e0b  rgb(204, 78, 11)  hsl(21, 90%, 42%)  Burnt Orange
#0b89cc  rgb(11, 137, 204)  hsl(201, 90%, 42%)  Steel Blue
#0bcc4e  rgb(11, 204, 78)  hsl(141, 90%, 42%)  Malachite
#4e0bcc  rgb(78, 11, 204)  hsl(261, 90%, 42%)  Medium Blue