#CA5D3A

#ca5d3a ≈ Flame

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

#ca5d3a “কমলা” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 79.22% লাল, 36.47% সবুজ ও 22.75% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 53.96% ম্যাজেন্টা, 71.29% হলুদ ও 20.78% কালো লাগে। HSL-এ এর হিউ কোণ 14.58°, স্যাচুরেশন 57.6% এবং উজ্জ্বলতা 50.98%। এটি একটি উষ্ণ রং, যা প্রায়ই উদ্দীপনা, উষ্ণতা ও সৃজনশীলতা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি কল-টু-অ্যাকশন বোতাম, খাদ্য ব্র্যান্ড ও রেস্তোরাঁ এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 5.14:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Flame (#e25822), ΔE 5.63।

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

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

পরিপূরক

  1. #ca5d3a
  2. #3aa7ca

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

  1. #ca5d3a
  2. #3acaa5
  3. #3a5fca

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

  1. #ca3a5f
  2. #ca5d3a
  3. #caa53a

শেড

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

  1. #ca5d3a
  2. #b65434
  3. #a24a2e
  4. #8d4129
  5. #793823
  6. #652f1d
  7. #512517
  8. #3d1c11
  9. #28130c
  10. #140906
  11. #000000

টিন্ট

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

  1. #ca5d3a
  2. #cf6d4e
  3. #d57d61
  4. #da8e75
  5. #df9e89
  6. #e5ae9d
  7. #eabeb0
  8. #efcec4
  9. #f4dfd8
  10. #faefeb
  11. #ffffff

টোন

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

  1. #ca5d3a
  2. #c36141
  3. #bb6448
  4. #b4684f
  5. #ac6b56
  6. #a56f5d
  7. #9e7264
  8. #96766b
  9. #8f7972
  10. #877d79
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #7e7e7e ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #a27269 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #7b6f36 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #958737 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #dd4655 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #a16838 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #ad7838 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #d6504c ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Flame
#ca5d3a  rgb(202, 93, 58)  hsl(15, 58%, 51%)  Flame
#3aa7ca  rgb(58, 167, 202)  hsl(195, 58%, 51%)  Moonstone Blue
#3aca5d  rgb(58, 202, 93)  hsl(135, 58%, 51%)  Emerald
#5d3aca  rgb(93, 58, 202)  hsl(255, 58%, 51%)  Ocean Blue