#CCC533
#ccc533 ≈ Citrine
#ccc533 “হলুদ” পরিবারের একটি রং; এর উজ্জ্বলতা মাঝারি এবং স্যাচুরেশন তীব্র। RGB মডেলে এটি 80% লাল, 77.25% সবুজ ও 20% নীল দিয়ে তৈরি; CMYK ছাপায় এতে 0% সায়ান, 3.43% ম্যাজেন্টা, 75% হলুদ ও 20% কালো লাগে। HSL-এ এর হিউ কোণ 57.25°, স্যাচুরেশন 60% এবং উজ্জ্বলতা 50%। এটি একটি উষ্ণ রং, যা প্রায়ই আশাবাদ, মনোযোগ ও আনন্দ-এর সঙ্গে যুক্ত। ডিজাইনাররা সাধারণত এটি হাইলাইট ও সতর্কবার্তা, শিশুদের পণ্য এবং ব্র্যান্ড অ্যাকসেন্ট-এর জন্য ব্যবহার করেন। এই রঙের ওপর কালো লেখার কনট্রাস্ট অনুপাত 11.6:1 (WCAG AAA)। সবচেয়ে কাছের নামযুক্ত রং Citrine (#e4d00a), ΔE 5.42।
এই রঙের পরিমাপ করা বৈশিষ্ট্য থেকে বিবরণটি তৈরি।
| HEX | |
|---|---|
| RGB | |
| RGB শতাংশ | |
| CMY | |
| CMYK | |
| HSL | |
| HSV / HSB | |
| ওয়েব-সেফ | #cccc33 |
| CIE-LAB | |
| XYZ | |
| xyY | |
| CIE-LCH | |
| CIE-LUV | |
| Hunter-Lab | |
| OKLab | |
| বাইনারি | |
| দশমিক | |
| আপেক্ষিক লুমিন্যান্স | 0.5301 |
শেড
#ccc533 ধাপে ধাপে কালোর সঙ্গে মেশানো।
টিন্ট
#ccc533 ধাপে ধাপে সাদার সঙ্গে মেশানো।
টোন
#ccc533 ধাপে ধাপে ধূসরের সঙ্গে মেশানো।
পড়ার উপযোগী লেখা
1.81:1
AA ✕
AA Large ✕
AAA ✕
AAA Large ✕
পড়ার উপযোগী লেখা
11.6:1
AA ✓
AA Large ✓
AAA ✓
AAA Large ✓
এই রঙে লেখা
এই রঙে পটভূমি
এই রঙে বর্ডার
লেখার রং
.text-ccc533 {
color: #ccc533;
}
পটভূমি
.bg-ccc533 {
background-color: #ccc533;
color: #000000;
}
বর্ডার
.border-ccc533 {
border: 2px solid #ccc533;
}
CSS ভেরিয়েবল
:root {
--color-primary: #ccc533;
--color-primary-rgb: 204 197 51;
--color-primary-hsl: 57 60% 50%;
}
গ্রেডিয়েন্ট
.gradient-ccc533 {
background: linear-gradient(135deg, #ccc533, #87cc33);
}
রঙিন ছায়া
.shadow-ccc533 {
box-shadow: 0 8px 24px rgb(204 197 51 / 0.35);
}
Citrine
#ccc533 rgb(204, 197, 51) hsl(57, 60%, 50%) Citrine
#333acc rgb(51, 58, 204) hsl(237, 60%, 50%) Persian Blue
#33ccc5 rgb(51, 204, 197) hsl(177, 60%, 50%) Medium Turquoise
#c533cc rgb(197, 51, 204) hsl(297, 60%, 50%) Medium Orchid