#CC5FF3

#cc5ff3 ≈ Heliotrope

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

#cc5ff3 “ম্যাজেন্টা” পরিবারের একটি রং; এর উজ্জ্বলতা বেশি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 80% লাল, 37.25% সবুজ ও 95.29% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 16.05% সায়ান, 60.91% ম্যাজেন্টা, 0% হলুদ ও 4.71% কালো লাগে। HSL-এ এর হিউ কোণ 284.19°, স্যাচুরেশন 86.05% এবং উজ্জ্বলতা 66.27%। এটি একটি শীতল রং, যা প্রায়ই সৃজনশীলতা, সাহস ও স্বকীয়তা-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি সৌন্দর্য ও প্রসাধনী, সৃজনশীল স্টুডিও এবং কল-টু-অ্যাকশন বোতাম-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 6.5:1 (WCAG AA)। সবচেয়ে কাছের নামযুক্ত রং Heliotrope (#df73ff), ΔE 5.58।

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

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

পরিপূরক

  1. #cc5ff3
  2. #86f35f

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

  1. #cc5ff3
  2. #d0f35f
  3. #5ff382

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

  1. #825ff3
  2. #cc5ff3
  3. #f35fd0

শেড

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

  1. #cc5ff3
  2. #b856db
  3. #a34cc2
  4. #8f43aa
  5. #7a3992
  6. #66307a
  7. #522661
  8. #3d1d49
  9. #291331
  10. #140a18
  11. #000000

টিন্ট

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

  1. #cc5ff3
  2. #d16ff4
  3. #d67ff5
  4. #db8ff7
  5. #e09ff8
  6. #e6aff9
  7. #ebbffa
  8. #f0cffb
  9. #f5dffd
  10. #faeffe
  11. #ffffff

টোন

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

  1. #cc5ff3
  2. #c462e8
  3. #bd66dc
  4. #b569d1
  5. #ae6cc5
  6. #a670ba
  7. #9e73ae
  8. #9776a3
  9. #8f7997
  10. #887d8c
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #8f8f8f ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #ab7fbf ≈ 0.001% পুরুষ
প্রোটানোপিয়া #2f88f8 ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #6092ef ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #ca79a1 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #8b7af6 ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #9781f1 ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #cb70c7 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Heliotrope
#cc5ff3  rgb(204, 95, 243)  hsl(284, 86%, 66%)  Heliotrope
#86f35f  rgb(134, 243, 95)  hsl(104, 86%, 66%)  Lawn Green
#f3cc5f  rgb(243, 204, 95)  hsl(44, 86%, 66%)  Naples Yellow
#5ff3cc  rgb(95, 243, 204)  hsl(164, 86%, 66%)  Aquamarine