#C2BB3E#C2BB3E
#C2BB3E لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.474؛ OKLCH L 77.5% C 0.143 H 106.1°. أفضل لون لنص المتن هو #000000 بتباين 10.47:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C2BB3E |
|---|---|
| RGB | rgb(194, 187, 62) |
| HSL | hsl(57, 52%, 50%) |
| HSV | hsv(57, 68%, 76%) |
| CMYK | cmyk(0%, 3.6%, 68%, 23.9%) |
| CIE-LAB | lab(74.42, -12.29, 61.24) |
| CIE-LCH | lch(74.42, 62.46, 101.34°) |
| OKLab | oklab(77.53% -0.0396 0.137) |
| OKLCH | oklch(77.53% 0.143 106.1) |
| XYZ | xyz(40.8895, 47.3592, 11.5439) |
| Luminance | 0.4736 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Puke Yellow
#C2BE0E
ΔE00 3.37
Olive Yellow
#C2B709
ΔE00 3.48
Vomit Yellow
#C7C10C
ΔE00 3.85
Dirty Yellow
#CDC50A
ΔE00 4.69
Ugly Yellow
#D0C101
ΔE00 4.92
Mustard Yellow
#D2BD0A
ΔE00 5.30
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C2BB3E #3E45C2
analogous
#C2793E #C2BB3E #87C23E
triadic
#C2BB3E #3EC2BB #BB3EC2
tetradic
#C2BB3E #3EC279 #3E45C2 #C23E87
square
#C2BB3E #3EC279 #3E45C2 #C23E87
split-complementary
#C2BB3E #3E87C2 #793EC2
monochromatic
#666220 #948F2F #C2BB3E #D1CB6D #DFDC9B
إمكانية الوصول والتباين
On white
2.01
#C2BB3E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.47
#C2BB3E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C2BB3E
10.47:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C2BB3E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C2BB3E | 1.00 | 2.01 | 10.47 | 10.47 |
| #FFFFFF | 2.01 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.47 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.47 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#CBB42C
Deuteranopia (green-blind)
#CEB946
Tritanopia (blue-blind)
#D0AFA2
Achromatopsia (no color)
#B7B7B7
وسوم التصميم والكود
CSS
--color: #c2bb3e; /* rgb */ color: rgb(194, 187, 62); /* oklch */ color: oklch(77.5% 0.143 106.1);
Tailwind
colors: {
custom: {
50: '#d8cf7a',
500: '#c2bb3e',
950: '#000000',
},
}SCSS
$custom: #c2bb3e; $custom-light: #d8cf7a; $custom-dark: #000000;
JSON
{
"hex": "#c2bb3e",
"rgb": {
"r": 194,
"g": 187,
"b": 62
},
"hsl": {
"h": 56.818,
"s": 51.969,
"l": 50.196
},
"oklch": {
"l": 0.77525,
"c": 0.14265,
"h": 106.1
},
"luminance": 0.47358
}Semantic roles & 50–950 ramp
primary
#C2BB3E
secondary
#9094CB
accent
#54DB4C
background
#FDFCF7
surface
#FBF9EE
border
#D4D2C9
text
#15130A
muted
#83827C