#413D23#413D23
#413D23 لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.046؛ OKLCH L 35.7% C 0.041 H 100.6°. أفضل لون لنص المتن هو #FFFFFF بتباين 10.96:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #413D23 |
|---|---|
| RGB | rgb(65, 61, 35) |
| HSL | hsl(52, 30%, 20%) |
| HSV | hsv(52, 46%, 25%) |
| CMYK | cmyk(0%, 6.2%, 46.2%, 74.5%) |
| CIE-LAB | lab(25.51, -2.83, 16.64) |
| CIE-LCH | lch(25.51, 16.88, 99.66°) |
| OKLab | oklab(35.69% -0.0076 0.0406) |
| OKLCH | oklch(35.69% 0.041 100.6) |
| XYZ | xyz(4.1522, 4.5828, 2.2556) |
| Luminance | 0.0458 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Dark Olive
#373E02
ΔE00 8.95
Green Brown
#544E03
ΔE00 11.53
Espresso
#4B382A
ΔE00 11.87
Mud Brown
#60460F
ΔE00 12.03
Charcoal (survey)
#343837
ΔE00 12.26
Dark Olive Green
#3C4D03
ΔE00 12.38
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#413D23 #232741
analogous
#412E23 #413D23 #364123
triadic
#413D23 #23413D #3D2341
tetradic
#413D23 #23412E #232741 #412336
square
#413D23 #23412E #232741 #412336
split-complementary
#413D23 #233641 #2E2341
monochromatic
#14130B #19180E #413D23 #696238 #91884E
إمكانية الوصول والتباين
On white
10.96
#413D23 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.92
#413D23 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #413D23
10.96:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##413D23 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##413D23 | 1.00 | 10.96 | 1.92 | 10.96 |
| #FFFFFF | 10.96 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.92 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 10.96 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#423B21
Deuteranopia (green-blind)
#433D24
Tritanopia (blue-blind)
#453A37
Achromatopsia (no color)
#3C3C3C
وسوم التصميم والكود
CSS
--color: #413d23; /* rgb */ color: rgb(65, 61, 35); /* oklch */ color: oklch(35.7% 0.041 100.6);
Tailwind
colors: {
custom: {
50: '#76725e',
500: '#413d23',
950: '#000000',
},
}SCSS
$custom: #413d23; $custom-light: #76725e; $custom-dark: #000000;
JSON
{
"hex": "#413d23",
"rgb": {
"r": 65,
"g": 61,
"b": 35
},
"hsl": {
"h": 52,
"s": 30,
"l": 19.608
},
"oklch": {
"l": 0.35688,
"c": 0.04132,
"h": 100.6
},
"luminance": 0.04583
}Semantic roles & 50–950 ramp
primary
#413D23
secondary
#4C5174
accent
#6FC662
background
#F7F6F5
surface
#EDECE9
border
#C8C7C5
text
#080704
muted
#7B7A79