#878A2E#878A2E
#878A2E لون متوسط ومتوسط التشبّع من عائلة أصفر. الإضاءة النسبية 0.235؛ OKLCH L 61.3% C 0.114 H 111.1°. أفضل لون لنص المتن هو #000000 بتباين 5.71:1 (مطابق لمعيار WCAG AA).
قيم اللون
| HEX | #878A2E |
|---|---|
| RGB | rgb(135, 138, 46) |
| HSL | hsl(62, 50%, 36%) |
| HSV | hsv(62, 67%, 54%) |
| CMYK | cmyk(2.2%, 0%, 66.7%, 45.9%) |
| CIE-LAB | lab(55.61, -13.39, 46.96) |
| CIE-LCH | lch(55.61, 48.83, 105.92°) |
| OKLab | oklab(61.27% -0.041 0.106) |
| OKLCH | oklch(61.27% 0.114 111.1) |
| XYZ | xyz(19.5739, 23.5256, 6.0940) |
| Luminance | 0.2352 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
أقرب الألوان المُسمّاة
Olive
#808000
ΔE00 4.85
Drab
#828344
ΔE00 5.20
Swamp Green
#748500
ΔE00 5.21
Shit Green
#758000
ΔE00 5.45
Baby Shit Green
#889717
ΔE00 5.51
Baby Poop Green
#8F9805
ΔE00 6.21
المقاييس الإدراكية
الدرجات الغامقة
الدرجات الفاتحة
التدريجات
OKLCH scale
تناغمات الألوان
complementary
#878A2E #312E8A
analogous
#8A5F2E #878A2E #598A2E
triadic
#878A2E #2E878A #8A2E87
tetradic
#878A2E #2E8A5F #312E8A #8A2E59
square
#878A2E #2E8A5F #312E8A #8A2E59
split-complementary
#878A2E #2E598A #5F2E8A
monochromatic
#2D2E0F #5A5C1F #878A2E #B4B83D #C9CC66
إمكانية الوصول والتباين
On white
3.68
#878A2E on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
5.71
#878A2E on #000000
AA ✓AA large ✓AAA ✗
أفضل لون للنص
#000000 on #878A2E
5.71:1 — WCAG AA (نص عادي) مطابق
مصفوفة التباين
| fg \ bg | ##878A2E | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##878A2E | 1.00 | 3.68 | 5.71 | 5.71 |
| #FFFFFF | 3.68 | 1.00 | 21.00 | 21.00 |
| #000000 | 5.71 | 21.00 | 1.00 | 1.00 |
| ##000000 | 5.71 | 21.00 | 1.00 | 1.00 |
معاينة عمى الألوان
Protanopia (red-blind)
#958421
Deuteranopia (green-blind)
#958634
Tritanopia (blue-blind)
#908277
Achromatopsia (no color)
#858585
وسوم التصميم والكود
CSS
--color: #878a2e; /* rgb */ color: rgb(135, 138, 46); /* oklch */ color: oklch(61.3% 0.114 111.1);
Tailwind
colors: {
custom: {
50: '#adac6c',
500: '#878a2e',
950: '#000000',
},
}SCSS
$custom: #878a2e; $custom-light: #adac6c; $custom-dark: #000000;
JSON
{
"hex": "#878a2e",
"rgb": {
"r": 135,
"g": 138,
"b": 46
},
"hsl": {
"h": 61.957,
"s": 50,
"l": 36.078
},
"oklch": {
"l": 0.61271,
"c": 0.11367,
"h": 111.1
},
"luminance": 0.23525
}Semantic roles & 50–950 ramp
primary
#878A2E
secondary
#6461B3
accent
#4EDA53
background
#FAFAF6
surface
#F5F4EC
border
#CFCEC7
text
#101007
muted
#7F7F7A