#CCCCFF
#ccccff Periwinkle
#ccccff (Periwinkle) “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা খুব বেশি এবং স্যাচুরেশন মৃদু। RGB মডেলে এটি 80% লাল, 80% সবুজ ও 100% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 20% সায়ান, 20% ম্যাজেন্টা, 0% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 240°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 90%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং নরম প্যাস্টেল প্যালেট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 13.65:1 (WCAG AAA)।
এই রঙের পরিমাপ করা বৈশিষ্ট্য থেকে বিবরণটি তৈরি।
| HEX | |
|---|---|
| RGB | |
| RGB শতাংশ | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| ওয়েব-সেফ | #ccccff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| বাইনারি | |
| দশমিক | |
| আপেক্ষিক লুমিন্যান্স | 0.6324 |
শেড
#ccccff ধাপে ধাপে কালোর সঙ্গে মেশানো।
টিন্ট
#ccccff ধাপে ধাপে সাদার সঙ্গে মেশানো।
টোন
#ccccff ধাপে ধাপে ধূসরের সঙ্গে মেশানো।
পড়ার উপযোগী লেখা
1.54:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
পড়ার উপযোগী লেখা
13.65:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
এই রঙে লেখা
এই রঙে পটভূমি
এই রঙে বর্ডার
লেখার রং
.text-ccccff {
color: #ccccff;
}
পটভূমি
.bg-ccccff {
background-color: #ccccff;
color: #000000;
}
বর্ডার
.border-ccccff {
border: 2px solid #ccccff;
}
CSS ভেরিয়েবল
:root {
--color-primary: #ccccff;
--color-primary-rgb: 204 204 255;
--color-primary-hsl: 240 100% 90%;
}
গ্রেডিয়েন্ট
.gradient-ccccff {
background: linear-gradient(135deg, #ccccff, #e5ccff);
}
রঙিন ছায়া
.shadow-ccccff {
box-shadow: 0 8px 24px rgb(204 204 255 / 0.35);
}
Periwinkle
#ccccff rgb(204, 204, 255) hsl(240, 100%, 90%) Periwinkle
#ffffcc rgb(255, 255, 204) hsl(60, 100%, 90%) Cream
#ffcccc rgb(255, 204, 204) hsl(0, 100%, 90%) Baby Pink
#ccffcc rgb(204, 255, 204) hsl(120, 100%, 90%) Tea Green