#FF6A75

#ff6a75 ≈ Light Coral

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

#ff6a75 “লাল” পরিবারের একটি রং; এর উজ্জ্বলতা বেশি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 100% লাল, 41.57% সবুজ ও 45.88% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 58.43% ম্যাজেন্টা, 54.12% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 355.57°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 70.78%। এটি একটি উষ্ণ রং, যা প্রায়ই শক্তি, আবেগ ও তাড়না-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি খাদ্য ব্র্যান্ড ও রেস্তোরাঁ, সেল ও প্রচার এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 7.57:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Light Coral (#f08080), ΔE 4.88।

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

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

পরিপূরক

  1. #ff6a75
  2. #6afff4

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

  1. #ff6a75
  2. #6affa9
  3. #6abfff

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

  1. #ff6abf
  2. #ff6a75
  3. #ffa96a

শেড

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

  1. #ff6a75
  2. #e65f69
  3. #cc555e
  4. #b34a52
  5. #994046
  6. #80353b
  7. #662a2f
  8. #4d2023
  9. #331517
  10. #1a0b0c
  11. #000000

টিন্ট

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

  1. #ff6a75
  2. #ff7983
  3. #ff8891
  4. #ff979e
  5. #ffa6ac
  6. #ffb5ba
  7. #ffc3c8
  8. #ffd2d6
  9. #ffe1e3
  10. #fff0f1
  11. #ffffff

টোন

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

  1. #ff6a75
  2. #f26c76
  3. #e66e77
  4. #d97178
  5. #cc7379
  6. #c0757b
  7. #b3777c
  8. #a6797d
  9. #997c7e
  10. #8d7e7f
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #9b9b9b ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #cb8a8d ≈ 0.001% পুরুষ
প্রোটানোপিয়া #8d8875 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #b3a772 ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ff516f ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #c57d75 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #d69273 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #ff5c71 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

লেখার রং
.text-ff6a75 {
  color: #ff6a75;
}
পটভূমি
.bg-ff6a75 {
  background-color: #ff6a75;
  color: #000000;
}
বর্ডার
.border-ff6a75 {
  border: 2px solid #ff6a75;
}
CSS ভেরিয়েবল
:root {
  --color-primary: #ff6a75;
  --color-primary-rgb: 255 106 117;
  --color-primary-hsl: 356 100% 71%;
}
গ্রেডিয়েন্ট
.gradient-ff6a75 {
  background: linear-gradient(135deg, #ff6a75, #ffa96a);
}
রঙিন ছায়া
.shadow-ff6a75 {
  box-shadow: 0 8px 24px rgb(255 106 117 / 0.35);
}

Light Coral
#ff6a75  rgb(255, 106, 117)  hsl(356, 100%, 71%)  Light Coral
#6afff4  rgb(106, 255, 244)  hsl(176, 100%, 71%)  Turquoise Blue
#75ff6a  rgb(117, 255, 106)  hsl(116, 100%, 71%)  Neon Green
#6a75ff  rgb(106, 117, 255)  hsl(236, 100%, 71%)  Medium Slate Blue