#C2C2FF

#c2c2ff ≈ Periwinkle

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

#c2c2ff “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা খুব বেশি এবং স্যাচুরেশন মৃদু। RGB মডেলে এটি 76.08% লাল, 76.08% সবুজ ও 100% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 23.92% সায়ান, 23.92% ম্যাজেন্টা, 0% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 240°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 88.04%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং নরম প্যাস্টেল প্যালেট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 12.45:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Periwinkle (#ccccff), ΔE 3.16।

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

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

পরিপূরক

  1. #c2c2ff
  2. #ffffc2

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

  1. #c2c2ff
  2. #ffe1c2
  3. #e1ffc2

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

  1. #c2e1ff
  2. #c2c2ff
  3. #e1c2ff

শেড

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

  1. #c2c2ff
  2. #afafe6
  3. #9b9bcc
  4. #8888b3
  5. #747499
  6. #616180
  7. #4e4e66
  8. #3a3a4d
  9. #272733
  10. #13131a
  11. #000000

টিন্ট

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

  1. #c2c2ff
  2. #c8c8ff
  3. #ceceff
  4. #d4d4ff
  5. #dadaff
  6. #e1e1ff
  7. #e7e7ff
  8. #ededff
  9. #f3f3ff
  10. #f9f9ff
  11. #ffffff

টোন

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

  1. #c2c2ff
  2. #bbbbf2
  3. #b5b5e6
  4. #aeaed9
  5. #a8a8cc
  6. #a1a1c0
  7. #9a9ab3
  8. #9494a6
  9. #8d8d99
  10. #87878d
  11. #808080

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

অ্যাক্রোমাটোপসিয়া #c7c7c7 ≈ 0.003% পুরুষ
অ্যাক্রোমাটোম্যালি #c5c5e0 ≈ 0.001% পুরুষ
প্রোটানোপিয়া #b2c9ff ≈ 1.01% পুরুষ
ডিউটেরানোপিয়া #b0c5fd ≈ 1.27% পুরুষ
ট্রাইটানোপিয়া #b4cdd7 ≈ 0.0001% পুরুষ
প্রোটানোম্যালি #b9c6ff ≈ 1.08% পুরুষ
ডিউটেরানোম্যালি #b8c4fe ≈ 4.63% পুরুষ
ট্রাইটানোম্যালি #bac8e8 ≈ 0.0002% পুরুষ
নিজের ছবিতে সিমুলেট করুন

এই রঙে লেখা

এই রঙে পটভূমি

এই রঙে বর্ডার

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

Periwinkle
#c2c2ff  rgb(194, 194, 255)  hsl(240, 100%, 88%)  Periwinkle
#ffffc2  rgb(255, 255, 194)  hsl(60, 100%, 88%)  Cream
#ffc2c2  rgb(255, 194, 194)  hsl(0, 100%, 88%)  Baby Pink
#c2ffc2  rgb(194, 255, 194)  hsl(120, 100%, 88%)  Tea Green