#BBCCFF
#bbccff ≈ Periwinkle
#bbccff “নীল” পরিবারের একটি রং; এর উজ্জ্বলতা খুব বেশি এবং স্যাচুরেশন মাঝারি। RGB মডেলে এটি 73.33% লাল, 80% সবুজ ও 100% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 26.67% সায়ান, 20% ম্যাজেন্টা, 0% হলুদ ও 0% কালো লাগে। HSL-এ এর হিউ কোণ 225°, স্যাচুরেশন 100% এবং উজ্জ্বলতা 86.67%। এটি একটি শীতল রং, যা প্রায়ই আস্থা, স্থিতি ও মনোযোগ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি প্রযুক্তি পণ্য, অর্থ ও ব্যাংকিং এবং নরম প্যাস্টেল প্যালেট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 13.19:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Periwinkle (#ccccff), ΔE 5.2।
এই রঙের পরিমাপ করা বৈশিষ্ট্য থেকে বিবরণটি তৈরি।
| HEX | |
|---|---|
| RGB | |
| RGB শতাংশ | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| ওয়েব-সেফ | #ccccff |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| বাইনারি | |
| দশমিক | |
| আপেক্ষিক লুমিন্যান্স | 0.6097 |
শেড
#bbccff ধাপে ধাপে কালোর সঙ্গে মেশানো।
টিন্ট
#bbccff ধাপে ধাপে সাদার সঙ্গে মেশানো।
টোন
#bbccff ধাপে ধাপে ধূসরের সঙ্গে মেশানো।
পড়ার উপযোগী লেখা
1.59:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
পড়ার উপযোগী লেখা
13.19:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
এই রঙে লেখা
এই রঙে পটভূমি
এই রঙে বর্ডার
লেখার রং
.text-bbccff {
color: #bbccff;
}
পটভূমি
.bg-bbccff {
background-color: #bbccff;
color: #000000;
}
বর্ডার
.border-bbccff {
border: 2px solid #bbccff;
}
CSS ভেরিয়েবল
:root {
--color-primary: #bbccff;
--color-primary-rgb: 187 204 255;
--color-primary-hsl: 225 100% 87%;
}
গ্রেডিয়েন্ট
.gradient-bbccff {
background: linear-gradient(135deg, #bbccff, #ccbbff);
}
রঙিন ছায়া
.shadow-bbccff {
box-shadow: 0 8px 24px rgb(187 204 255 / 0.35);
}
Periwinkle
#bbccff rgb(187, 204, 255) hsl(225, 100%, 87%) Periwinkle
#ffeebb rgb(255, 238, 187) hsl(45, 100%, 87%) Blond
#ffbbcc rgb(255, 187, 204) hsl(345, 100%, 87%) Cherry Blossom Pink
#ccffbb rgb(204, 255, 187) hsl(105, 100%, 87%) Tea Green