#C3A42E#C3A42E
#C3A42E لون فاتح وزاهٍ من عائلة أصفر. الإضاءة النسبية 0.384؛ OKLCH L 72.6% C 0.134 H 93.5°. أفضل لون لنص المتن هو #000000 بتباين 8.67:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #C3A42E |
|---|---|
| RGB | rgb(195, 164, 46) |
| HSL | hsl(48, 62%, 47%) |
| HSV | hsv(48, 76%, 76%) |
| CMYK | cmyk(0%, 15.9%, 76.4%, 23.5%) |
| CIE-LAB | lab(68.28, -0.59, 61.28) |
| CIE-LCH | lch(68.28, 61.28, 90.55°) |
| OKLab | oklab(72.64% -0.0082 0.1341) |
| OKLCH | oklch(72.64% 0.134 93.5) |
| XYZ | xyz(36.2763, 38.3524, 8.0763) |
| Luminance | 0.3835 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Ocher
#BF9B0C
ΔE00 3.11
Ocre
#C69C04
ΔE00 3.82
Yellow Ochre
#CB9D06
ΔE00 4.50
Burnt Yellow
#D5AB09
ΔE00 4.51
Brown Yellow
#B29705
ΔE00 4.58
Dark Gold
#B59410
ΔE00 4.85
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#C3A42E #2E4DC3
analogous
#C35A2E #C3A42E #97C32E
triadic
#C3A42E #2EC3A4 #A42EC3
tetradic
#C3A42E #2EC35A #2E4DC3 #C32E97
square
#C3A42E #2EC35A #2E4DC3 #C32E97
split-complementary
#C3A42E #2E97C3 #5A2EC3
monochromatic
#605117 #917A22 #C3A42E #D7BD57 #E3D088
إمكانية الوصول والتباين
On white
2.42
#C3A42E on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.67
#C3A42E on #000000
AA ✓AA large ✓AAA ✓
أفضل لون للنص
#000000 on #C3A42E
8.67:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##C3A42E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##C3A42E | 1.00 | 2.42 | 8.67 | 8.67 |
| #FFFFFF | 2.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.67 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#B6A117
Deuteranopia (green-blind)
#BEAA35
Tritanopia (blue-blind)
#D3968D
Achromatopsia (no color)
#A6A6A6
وسوم التصميم والكود
CSS
--color: #c3a42e; /* rgb */ color: rgb(195, 164, 46); /* oklch */ color: oklch(72.6% 0.134 93.5);
Tailwind
colors: {
custom: {
50: '#d9be70',
500: '#c3a42e',
950: '#000000',
},
}SCSS
$custom: #c3a42e; $custom-light: #d9be70; $custom-dark: #000000;
JSON
{
"hex": "#c3a42e",
"rgb": {
"r": 195,
"g": 164,
"b": 46
},
"hsl": {
"h": 47.517,
"s": 61.826,
"l": 47.255
},
"oklch": {
"l": 0.72643,
"c": 0.13437,
"h": 93.5
},
"luminance": 0.3835
}Semantic roles & 50–950 ramp
primary
#C3A42E
secondary
#8090CD
accent
#65E543
background
#FDFBF7
surface
#FBF6ED
border
#D4D0C8
text
#151208
muted
#83817B