#C8B034#C8B034
#C8B034 لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.436؛ OKLCH L 75.7% C 0.140 H 97.8°. أفضل لون لنص المتن هو #000000 بتباين 9.72:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C8B034 |
|---|---|
| RGB | rgb(200, 176, 52) |
| HSL | hsl(50, 59%, 49%) |
| HSV | hsv(50, 74%, 78%) |
| CMYK | cmyk(0%, 12%, 74%, 21.6%) |
| CIE-LAB | lab(71.95, -4.49, 62.76) |
| CIE-LCH | lch(71.95, 62.92, 94.09°) |
| OKLab | oklab(75.67% -0.019 0.1382) |
| OKLCH | oklch(75.67% 0.14 97.8) |
| XYZ | xyz(39.9666, 43.5800, 9.5548) |
| Luminance | 0.4358 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Brownish Yellow
#C9B003
ΔE00 2.71
Muddy Yellow
#BFAC05
ΔE00 3.08
Mustard (survey)
#CEB301
ΔE00 3.16
Dark Yellow
#D5B60A
ΔE00 3.87
Mustard
#DBB42C
ΔE00 4.50
Olive Yellow
#C2B709
ΔE00 4.66
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C8B034 #344CC8
analogous
#C86634 #C8B034 #96C834
triadic
#C8B034 #34C8B0 #B034C8
tetradic
#C8B034 #34C866 #344CC8 #C83496
square
#C8B034 #34C866 #344CC8 #C83496
split-complementary
#C8B034 #3496C8 #6634C8
monochromatic
#675B1B #978527 #C8B034 #D6C463 #E3D693
إمكانية الوصول والتباين
On white
2.16
#C8B034 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
9.72
#C8B034 on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C8B034
9.72:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C8B034 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C8B034 | 1.00 | 2.16 | 9.72 | 9.72 |
| #FFFFFF | 2.16 | 1.00 | 21.00 | 21.00 |
| #000000 | 9.72 | 21.00 | 1.00 | 1.00 |
| ##000000 | 9.72 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#C2AC1E
Deuteranopia (green-blind)
#C8B43C
Tritanopia (blue-blind)
#D8A398
Achromatopsia (no color)
#B0B0B0
وسوم التصميم والكود
CSS
--color: #c8b034; /* rgb */ color: rgb(200, 176, 52); /* oklch */ color: oklch(75.7% 0.140 97.8);
Tailwind
colors: {
custom: {
50: '#ddc774',
500: '#c8b034',
950: '#000000',
},
}SCSS
$custom: #c8b034; $custom-light: #ddc774; $custom-dark: #000000;
JSON
{
"hex": "#c8b034",
"rgb": {
"r": 200,
"g": 176,
"b": 52
},
"hsl": {
"h": 50.27,
"s": 58.73,
"l": 49.412
},
"oklch": {
"l": 0.75667,
"c": 0.13953,
"h": 97.8
},
"luminance": 0.43578
}Semantic roles & 50–950 ramp
primary
#C8B034
secondary
#8A95CE
accent
#5FE246
background
#FEFCF7
surface
#FCF8ED
border
#D5D1C8
text
#161309
muted
#84827B