#554D27#554D27
#554D27 لون داكن وخافت من عائلة أصفر. الإضاءة النسبية 0.074؛ OKLCH L 41.9% C 0.057 H 97.7°. أفضل لون لنص المتن هو #FFFFFF بتباين 8.48:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #554D27 |
|---|---|
| RGB | rgb(85, 77, 39) |
| HSL | hsl(50, 37%, 24%) |
| HSV | hsv(50, 54%, 33%) |
| CMYK | cmyk(0%, 9.4%, 54.1%, 66.7%) |
| CIE-LAB | lab(32.67, -2.56, 23.59) |
| CIE-LCH | lch(32.67, 23.72, 96.18°) |
| OKLab | oklab(41.87% -0.0076 0.0562) |
| OKLCH | oklch(41.87% 0.057 97.7) |
| XYZ | xyz(6.7666, 7.3858, 2.9882) |
| Luminance | 0.0739 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Green Brown
#544E03
ΔE00 6.81
Mud Brown
#60460F
ΔE00 8.18
Olive Brown
#645403
ΔE00 8.43
Dark Olive
#373E02
ΔE00 9.35
Greenish Brown
#696112
ΔE00 10.19
Mud
#735C12
ΔE00 10.47
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#554D27 #272F55
analogous
#553627 #554D27 #465527
triadic
#554D27 #27554D #4D2755
tetradic
#554D27 #275536 #272F55 #552746
square
#554D27 #275536 #272F55 #552746
split-complementary
#554D27 #274655 #362755
monochromatic
#15130A #2B2714 #554D27 #7F733A #A9994D
إمكانية الوصول والتباين
On white
8.48
#554D27 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
2.48
#554D27 on #000000
AA ✗AA large ✗AAA ✗
أفضل لون للنص
#FFFFFF on #554D27
8.48:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##554D27 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##554D27 | 1.00 | 8.48 | 2.48 | 8.48 |
| #FFFFFF | 8.48 | 1.00 | 21.00 | 1.00 |
| #000000 | 2.48 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 8.48 | 1.00 | 21.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#544B24
Deuteranopia (green-blind)
#564E29
Tritanopia (blue-blind)
#5B4844
Achromatopsia (no color)
#4D4D4D
وسوم التصميم والكود
CSS
--color: #554d27; /* rgb */ color: rgb(85, 77, 39); /* oklch */ color: oklch(41.9% 0.057 97.7);
Tailwind
colors: {
custom: {
50: '#867e62',
500: '#554d27',
950: '#000000',
},
}SCSS
$custom: #554d27; $custom-light: #867e62; $custom-dark: #000000;
JSON
{
"hex": "#554d27",
"rgb": {
"r": 85,
"g": 77,
"b": 39
},
"hsl": {
"h": 49.565,
"s": 37.097,
"l": 24.314
},
"oklch": {
"l": 0.4187,
"c": 0.05671,
"h": 97.7
},
"luminance": 0.07386
}Semantic roles & 50–950 ramp
primary
#554D27
secondary
#505A88
accent
#6FCD5B
background
#F8F7F5
surface
#EFEEEA
border
#CAC9C6
text
#0B0A05
muted
#7C7C79