#CCC333
#ccc333 ≈ Citrine
#ccc333 “হলুদ” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 80% লাল, 76.47% সবুজ ও 20% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 4.41% ম্যাজেন্টা, 75% হলুদ ও 20% কালো লাগে। HSL-এ এর হিউ কোণ 56.47°, স্যাচুরেশন 60% এবং উজ্জ্বলতা 50%। এটি একটি উষ্ণ রং, যা প্রায়ই আশাবাদ, মনোযোগ ও আনন্দ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি হাইলাইট ও সতর্কবার্তা, শিশুদের পণ্য এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 11.42:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Citrine (#e4d00a), ΔE 5.46।
এই রঙের পরিমাপ করা বৈশিষ্ট্য থেকে বিবরণটি তৈরি।
| HEX | |
|---|---|
| RGB | |
| RGB শতাংশ | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| ওয়েব-সেফ | #cccc33 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| বাইনারি | |
| দশমিক | |
| আপেক্ষিক লুমিন্যান্স | 0.5211 |
শেড
#ccc333 ধাপে ধাপে কালোর সঙ্গে মেশানো।
টিন্ট
#ccc333 ধাপে ধাপে সাদার সঙ্গে মেশানো।
টোন
#ccc333 ধাপে ধাপে ধূসরের সঙ্গে মেশানো।
পড়ার উপযোগী লেখা
1.84:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
পড়ার উপযোগী লেখা
11.42:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
এই রঙে লেখা
এই রঙে পটভূমি
এই রঙে বর্ডার
লেখার রং
.text-ccc333 {
color: #ccc333;
}পটভূমি
.bg-ccc333 {
background-color: #ccc333;
color: #000000;
}বর্ডার
.border-ccc333 {
border: 2px solid #ccc333;
}CSS ভেরিয়েবল
:root {
--color-primary: #ccc333;
--color-primary-rgb: 204 195 51;
--color-primary-hsl: 56 60% 50%;
}গ্রেডিয়েন্ট
.gradient-ccc333 {
background: linear-gradient(135deg, #ccc333, #89cc33);
}রঙিন ছায়া
.shadow-ccc333 {
box-shadow: 0 8px 24px rgb(204 195 51 / 0.35);
}Citrine
#ccc333 rgb(204, 195, 51) hsl(56, 60%, 50%) Citrine
#333ccc rgb(51, 60, 204) hsl(236, 60%, 50%) Persian Blue
#33ccc3 rgb(51, 204, 195) hsl(176, 60%, 50%) Medium Turquoise
#c333cc rgb(195, 51, 204) hsl(296, 60%, 50%) Medium Orchid